Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-31 18:36:30 +01:00
Code Issues Packages Projects Releases Activity

theme refactoring

Browse Source
This commit is contained in:
zadam
2021-06-03 12:57:39 +02:00
parent f1344e3b95
commit 5e5df72020
1 changed files with 44 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/public/stylesheets/themes.css
View File

@@ -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 {