style(next): define the dark mode colors

This commit is contained in:
Adorian Doran 2025-01-09 00:12:31 +02:00
parent 4ce2fb701f
commit ffd626d18e
4 changed files with 22 additions and 13 deletions

View File

@ -143,6 +143,16 @@
--tooltip-background-color: rgba(67, 67, 67, 0.86);
--tooltip-foreground-color: #ffffffeb;
--tooltip-shadow-color: rgba(0, 0, 0, 0.4);
--help-background-color: #00000059;
--help-card-background: var(--card-background-color);
--help-card-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
--help-card-heading-color: #959595;
--help-kbd-shortcut-color: white;
--help-kbd-shortcut-background: #676767;
--help-kbd-shortcut-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
--help-code-color: inherit;
--help-code-background: #565656;
}
/*

View File

@ -142,4 +142,14 @@
--tooltip-background-color: rgba(255, 255, 255, 0.85);
--tooltip-foreground-color: #000000ba;
--tooltip-shadow-color: rgba(0, 0, 0, .15);
--help-background-color: #fffc;
--help-card-background: var(--card-background-color);
--help-card-shadow: 2px 2px 2px rgba(0, 0, 0, .10);
--help-card-heading-color: #797979;
--help-kbd-shortcut-color: #3f3f3f;
--help-kbd-shortcut-background: white;
--help-kbd-shortcut-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
--help-code-color: black;
--help-code-background: #d7d5d5;
}

View File

@ -55,6 +55,8 @@
--timeline-bullet-vertical-pos: .75em;
--timeline-connector-size: 4px;
--help-backdrop-blur: 10px;
/* Theme capabilities */
--tab-note-icons: true;
}

View File

@ -1563,19 +1563,6 @@ body .calendar-dropdown-widget .calendar-body a:hover {
/* Help */
.help-dialog {
--help-background-color: #fffc;
--help-backdrop-blur: 10px;
--help-card-background: var(--card-background-color);
--help-card-shadow: 2px 2px 2px rgba(0, 0, 0, .10);
--help-card-heading-color: #797979;
--help-kbd-shortcut-color: #3f3f3f;
--help-kbd-shortcut-background: white;
--help-kbd-shortcut-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
--help-code-color: black;
--help-code-background: #d7d5d5;
}
.help-dialog .modal-content {
--modal-background-color: var(--help-background-color);
backdrop-filter: blur(var(--help-backdrop-blur));