prehistoric-systems/mytinytodo
1
0
Fork 0
mirror of https://github.com/maxpozdeev/mytinytodo.git synced 2026-03-11 08:55:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

adapt colors of ajax messages for dark mode

Browse source
This commit is contained in:
maxpozdeev 2022-09-07 23:56:30 +03:00
parent c54c9ab774
commit ff90ca3fe0
2 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/content/theme/dark.css
View file

@ -26,7 +26,9 @@
--color-border-default: #555;
--color-border-focus: #5a8df0;
--color-error: #ff3333;
--color-error-bg: var(--color-bg);
--color-info: #EFC300;
--color-info-bg: var(--color-bg);
--color-toolbar: #3b3b3b;
--color-btn-toolbar-hover: #555;

16
src/content/theme/style.css
View file

@ -29,8 +29,10 @@
--color-border-default: #ccc;
--color-border-focus: #5a8df0;
--color-border-focus-shadow: rgba(90,141,240,0.7);
--color-error: #ff3333;
--color-info: #EFC300;
--color-error: var(--color-text-reduced);
--color-error-bg: #ff3333;
--color-info: var(--color-text-reduced);
--color-info-bg: #EFC300;
--color-toolbar: #ededed;
--color-btn-toolbar-hover: #ddd;
@ -246,10 +248,12 @@ select.form-input {
z-index:2;
white-space: pre-line;
}
#msg.mtt-error .msg-text { background-color: var(--color-error) }
#msg.mtt-error .msg-details { border:1px solid var(--color-error); }
#msg.mtt-info .msg-text { background-color: var(--color-info); }
#msg.mtt-info .msg-details { border:1px solid var(--color-info); }
#msg.mtt-error .msg-text { background-color: var(--color-error-bg) }
#msg.mtt-error .msg-details { border:1px solid var(--color-error-bg); }
#msg.mtt-error .msg-text, #msg.mtt-error .msg-details { color: var(--color-error); }
#msg.mtt-info .msg-text { background-color: var(--color-info-bg); }
#msg.mtt-info .msg-details { border:1px solid var(--color-info-bg); }
#msg.mtt-info .msg-text, #msg.mtt-info .msg-details { color: var(--color-info); }
#lists { font-size:0.95rem; display:flex; align-items:flex-start; justify-content:flex-end; }
#mtt.readonly.no-lists #lists > * { visibility: hidden; }