mirror of
https://github.com/zadam/trilium.git
synced 2025-02-22 22:13:07 +08:00
theme refactoring
This commit is contained in:
parent
f1344e3b95
commit
5e5df72020
1 changed files with 44 additions and 7 deletions
|
@ -1,39 +1,49 @@
|
|||
:root {
|
||||
--font-family-monospace: JetBrainsLight;
|
||||
--main-font-family: MontserratLight;
|
||||
--main-font-size: normal;
|
||||
|
||||
--tree-font-family: MontserratLight;
|
||||
--tree-font-size: normal;
|
||||
|
||||
--detail-font-family: MontserratLight;
|
||||
--detail-font-size: normal;
|
||||
|
||||
--font-family-monospace: JetBrainsLight;
|
||||
--detail-text-font-family: MontserratLight;
|
||||
|
||||
--main-background-color: white;
|
||||
--main-text-color: black;
|
||||
--main-border-color: #ccc;
|
||||
|
||||
--accented-background-color: #f5f5f5;
|
||||
--more-accented-background-color: #ddd;
|
||||
|
||||
--button-background-color: transparent;
|
||||
--button-disabled-background-color: #ddd;
|
||||
--button-border-color: #ddd;
|
||||
--button-text-color: black;
|
||||
--button-border-radius: 5px;
|
||||
|
||||
--primary-button-background-color: #6c757d;
|
||||
--primary-button-text-color: white;
|
||||
--primary-button-border-color: #6c757d;
|
||||
|
||||
--muted-text-color: #666;
|
||||
|
||||
--input-text-color: black;
|
||||
--input-background-color: white;
|
||||
|
||||
--hover-item-text-color: black;
|
||||
--hover-item-background-color: #ddd;
|
||||
|
||||
--active-item-text-color: black;
|
||||
--active-item-background-color: #ddd;
|
||||
|
||||
--menu-text-color: black;
|
||||
--menu-background-color: white;
|
||||
--tooltip-background-color: #f8f8f8;
|
||||
--link-color: blue;
|
||||
|
||||
--modal-background-color: white;
|
||||
--modal-backdrop-color: black;
|
||||
--scrollbar-border-color: #ddd;
|
||||
|
||||
--tree-sidebar-background-color: #F3F3F3;
|
||||
--tree-sidebar-text-color: #333;
|
||||
|
@ -46,35 +56,58 @@
|
|||
|
||||
--inactive-tab-background-color: #f5f5f5;
|
||||
--inactive-tab-text-color: #666;
|
||||
|
||||
--scrollbar-border-color: #ddd;
|
||||
--tooltip-background-color: #f8f8f8;
|
||||
--link-color: blue;
|
||||
}
|
||||
|
||||
body.theme-dark {
|
||||
--main-font-family: MontserratLight;
|
||||
--main-font-size: normal;
|
||||
|
||||
--tree-font-family: MontserratLight;
|
||||
--tree-font-size: normal;
|
||||
|
||||
--detail-font-family: MontserratLight;
|
||||
--detail-font-size: normal;
|
||||
|
||||
--font-family-monospace: JetBrainsLight;
|
||||
--detail-text-font-family: MontserratLight;
|
||||
|
||||
--main-background-color: #333;
|
||||
--main-text-color: #ccc;
|
||||
--main-border-color: #aaa;
|
||||
|
||||
--accented-background-color: #555;
|
||||
--more-accented-background-color: #777;
|
||||
|
||||
--button-background-color: transparent;
|
||||
--button-disabled-background-color: #222;
|
||||
--button-border-color: #ccc;
|
||||
--button-text-color: currentColor;
|
||||
--button-border-radius: 5px;
|
||||
|
||||
--primary-button-background-color: #888;
|
||||
--primary-button-text-color: white;
|
||||
--primary-button-border-color: #999;
|
||||
|
||||
--muted-text-color: #bbb;
|
||||
|
||||
--input-text-color: #ccc;
|
||||
--input-background-color: #333;
|
||||
|
||||
--hover-item-text-color: black;
|
||||
--hover-item-background-color: #777;
|
||||
|
||||
--active-item-text-color: black;
|
||||
--active-item-background-color: #777;
|
||||
|
||||
--menu-text-color: white;
|
||||
--menu-background-color: #222;
|
||||
--tooltip-background-color: #333;
|
||||
--link-color: lightskyblue;
|
||||
|
||||
--modal-background-color: #333;
|
||||
--modal-backdrop-color: #444;
|
||||
--scrollbar-border-color: #888;
|
||||
|
||||
--tree-sidebar-background-color: #1f1f1f;
|
||||
--tree-sidebar-text-color: #8D8888;
|
||||
|
@ -87,6 +120,10 @@ body.theme-dark {
|
|||
|
||||
--inactive-tab-background-color: #444;
|
||||
--inactive-tab-text-color: #bbb;
|
||||
|
||||
--scrollbar-border-color: #888;
|
||||
--tooltip-background-color: #333;
|
||||
--link-color: lightskyblue;
|
||||
}
|
||||
|
||||
body.theme-dark ::-webkit-calendar-picker-indicator {
|
||||
|
|
Loading…
Reference in a new issue