gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-10 00:19:04 +01:00
Code Issues Actions 13 Packages Projects Releases Wiki Activity

style/quick edit dialog: add support for the dark color scheme
Some checks are pending
Checks / main (push) Waiting to run
Details

Browse Source
This commit is contained in:
Adorian Doran 2025-10-23 10:57:01 +03:00
parent b4dd40e128
commit 8c165c0401
3 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/client/src/stylesheets/theme-next-dark.css
View File

@ -295,3 +295,9 @@ body ::-webkit-calendar-picker-indicator {
body .todo-list input[type="checkbox"]:not(:checked):before { body .todo-list input[type="checkbox"]:not(:checked):before {
border-color: var(--muted-text-color) !important; border-color: var(--muted-text-color) !important;
} }
.tinted-quick-edit-dialog {
--modal-background-color: hsl(var(--custom-color-hue), 30.3%, 17.5%);
--modal-border-color: hsl(var(--custom-color-hue), 33%, 41%);
--promoted-attribute-card-background-color: hsl(var(--custom-color-hue), 23.9%, 32%);
}

6
apps/client/src/stylesheets/theme-next-light.css
View File

@ -271,3 +271,9 @@
* This value is unset for gray tones. */ * This value is unset for gray tones. */
--custom-bg-color: hsl(var(--custom-color-hue), 37%, 89%, 1); --custom-bg-color: hsl(var(--custom-color-hue), 37%, 89%, 1);
} }
.tinted-quick-edit-dialog {
--modal-background-color: hsl(var(--custom-color-hue), 56%, 96%);
--modal-border-color: hsl(var(--custom-color-hue), 33%, 41%);
--promoted-attribute-card-background-color: hsl(var(--custom-color-hue), 40%, 88%);
}

8
apps/client/src/stylesheets/theme-next/dialogs.css
View File

@ -422,11 +422,3 @@ div.tn-tool-dialog {
.note-type-chooser-dialog div.note-type-dropdown .dropdown-item span.bx { .note-type-chooser-dialog div.note-type-dropdown .dropdown-item span.bx {
margin-inline-end: .25em; margin-inline-end: .25em;
} }
/* QUICK EDIT DIALOG */
.tinted-quick-edit-dialog {
--modal-background-color: hsl(var(--custom-color-hue), 56%, 96%);
--modal-border-color: hsl(var(--custom-color-hue), 33%, 41%);
--promoted-attribute-card-background-color: hsl(var(--custom-color-hue), 40%, 88%);
}