zadam/trilium
1
1
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-02-22 05:56:03 +08:00
Code Issues Projects Releases Packages Wiki Activity

custom per-theme modal backdrop color

Browse source
This commit is contained in:
zadam 2019-08-30 20:34:32 +02:00
parent de95b92f90
commit be477f178b
3 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/public/stylesheets/desktop.css
View file

@ -401,7 +401,7 @@ body {
} }
#widgets-configuration .list-group-item { #widgets-configuration .list-group-item {
background: var(--more-accented-background-color); background: var(--accented-background-color);
font-size: larger; font-size: larger;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

2
src/public/stylesheets/link_map.css
View file

@ -51,5 +51,5 @@
} }
.link-map-widget .note-box .title { .link-map-widget .note-box .title {
font-size: 16px !important; font-size: 19px !important;
} }

13
src/public/stylesheets/themes.css
View file

@ -20,7 +20,6 @@
--muted-text-color: #444; --muted-text-color: #444;
--input-text-color: black; --input-text-color: black;
--input-background-color: white; --input-background-color: white;
--modal-background-color: white;
--hover-item-text-color: black; --hover-item-text-color: black;
--hover-item-background-color: #eee; --hover-item-background-color: #eee;
--active-item-text-color: black; --active-item-text-color: black;
@ -29,6 +28,8 @@
--menu-background-color: white; --menu-background-color: white;
--tooltip-background-color: #f8f8f8; --tooltip-background-color: #f8f8f8;
--link-color: blue; --link-color: blue;
--modal-background-color: white;
--modal-backdrop-color: black;
} }
body.theme-black { body.theme-black {
@ -45,7 +46,6 @@ body.theme-black {
--muted-text-color: #ccc; --muted-text-color: #ccc;
--input-text-color: white; --input-text-color: white;
--input-background-color: black; --input-background-color: black;
--modal-background-color: #222;
--hover-item-text-color: black; --hover-item-text-color: black;
--hover-item-background-color: #aaa; --hover-item-background-color: #aaa;
--active-item-text-color: black; --active-item-text-color: black;
@ -54,6 +54,8 @@ body.theme-black {
--menu-background-color: #222; --menu-background-color: #222;
--tooltip-background-color: black; --tooltip-background-color: black;
--link-color: lightskyblue; --link-color: lightskyblue;
--modal-background-color: black;
--modal-backdrop-color: #444;
} }
body.theme-black .CodeMirror { body.theme-black .CodeMirror {
@ -74,7 +76,6 @@ body.theme-dark {
--muted-text-color: #ccc; --muted-text-color: #ccc;
--input-text-color: white; --input-text-color: white;
--input-background-color: #333; --input-background-color: #333;
--modal-background-color: #555;
--hover-item-text-color: black; --hover-item-text-color: black;
--hover-item-background-color: #aaa; --hover-item-background-color: #aaa;
--active-item-text-color: black; --active-item-text-color: black;
@ -83,6 +84,8 @@ body.theme-dark {
--menu-background-color: #222; --menu-background-color: #222;
--tooltip-background-color: #333; --tooltip-background-color: #333;
--link-color: lightskyblue; --link-color: lightskyblue;
--modal-background-color: #333;
--modal-backdrop-color: #444;
} }
body.theme-dark .CodeMirror { body.theme-dark .CodeMirror {
@ -203,4 +206,8 @@ table td, table th {
.ck .todo-list__checkmark { .ck .todo-list__checkmark {
top: 10px !important; top: 10px !important;
}
.modal-backdrop {
background-color: var(--modal-backdrop-color) !important;
} }