Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-31 02:16:05 +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 { :root {
--font-family-monospace: JetBrainsLight;
--main-font-family: MontserratLight; --main-font-family: MontserratLight;
--main-font-size: normal; --main-font-size: normal;
--tree-font-family: MontserratLight; --tree-font-family: MontserratLight;
--tree-font-size: normal; --tree-font-size: normal;
--detail-font-family: MontserratLight; --detail-font-family: MontserratLight;
--detail-font-size: normal; --detail-font-size: normal;
--font-family-monospace: JetBrainsLight;
--detail-text-font-family: MontserratLight; --detail-text-font-family: MontserratLight;
--main-background-color: white; --main-background-color: white;
--main-text-color: black; --main-text-color: black;
--main-border-color: #ccc; --main-border-color: #ccc;
--accented-background-color: #f5f5f5; --accented-background-color: #f5f5f5;
--more-accented-background-color: #ddd; --more-accented-background-color: #ddd;
--button-background-color: transparent; --button-background-color: transparent;
--button-disabled-background-color: #ddd; --button-disabled-background-color: #ddd;
--button-border-color: #ddd; --button-border-color: #ddd;
--button-text-color: black; --button-text-color: black;
--button-border-radius: 5px; --button-border-radius: 5px;
--primary-button-background-color: #6c757d; --primary-button-background-color: #6c757d;
--primary-button-text-color: white; --primary-button-text-color: white;
--primary-button-border-color: #6c757d; --primary-button-border-color: #6c757d;
--muted-text-color: #666; --muted-text-color: #666;
--input-text-color: black; --input-text-color: black;
--input-background-color: white; --input-background-color: white;
--hover-item-text-color: black; --hover-item-text-color: black;
--hover-item-background-color: #ddd; --hover-item-background-color: #ddd;
--active-item-text-color: black; --active-item-text-color: black;
--active-item-background-color: #ddd; --active-item-background-color: #ddd;
--menu-text-color: black; --menu-text-color: black;
--menu-background-color: white; --menu-background-color: white;
--tooltip-background-color: #f8f8f8;
--link-color: blue;
--modal-background-color: white; --modal-background-color: white;
--modal-backdrop-color: black; --modal-backdrop-color: black;
--scrollbar-border-color: #ddd;
--tree-sidebar-background-color: #F3F3F3; --tree-sidebar-background-color: #F3F3F3;
--tree-sidebar-text-color: #333; --tree-sidebar-text-color: #333;
@@ -46,35 +56,58 @@
--inactive-tab-background-color: #f5f5f5; --inactive-tab-background-color: #f5f5f5;
--inactive-tab-text-color: #666; --inactive-tab-text-color: #666;
--scrollbar-border-color: #ddd;
--tooltip-background-color: #f8f8f8;
--link-color: blue;
} }
body.theme-dark { 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-background-color: #333;
--main-text-color: #ccc; --main-text-color: #ccc;
--main-border-color: #aaa; --main-border-color: #aaa;
--accented-background-color: #555; --accented-background-color: #555;
--more-accented-background-color: #777; --more-accented-background-color: #777;
--button-background-color: transparent; --button-background-color: transparent;
--button-disabled-background-color: #222;
--button-border-color: #ccc; --button-border-color: #ccc;
--button-text-color: currentColor; --button-text-color: currentColor;
--button-border-radius: 5px; --button-border-radius: 5px;
--primary-button-background-color: #888; --primary-button-background-color: #888;
--primary-button-text-color: white; --primary-button-text-color: white;
--primary-button-border-color: #999; --primary-button-border-color: #999;
--muted-text-color: #bbb; --muted-text-color: #bbb;
--input-text-color: #ccc; --input-text-color: #ccc;
--input-background-color: #333; --input-background-color: #333;
--hover-item-text-color: black; --hover-item-text-color: black;
--hover-item-background-color: #777; --hover-item-background-color: #777;
--active-item-text-color: black; --active-item-text-color: black;
--active-item-background-color: #777; --active-item-background-color: #777;
--menu-text-color: white; --menu-text-color: white;
--menu-background-color: #222; --menu-background-color: #222;
--tooltip-background-color: #333;
--link-color: lightskyblue;
--modal-background-color: #333; --modal-background-color: #333;
--modal-backdrop-color: #444; --modal-backdrop-color: #444;
--scrollbar-border-color: #888;
--tree-sidebar-background-color: #1f1f1f; --tree-sidebar-background-color: #1f1f1f;
--tree-sidebar-text-color: #8D8888; --tree-sidebar-text-color: #8D8888;
@@ -87,6 +120,10 @@ body.theme-dark {
--inactive-tab-background-color: #444; --inactive-tab-background-color: #444;
--inactive-tab-text-color: #bbb; --inactive-tab-text-color: #bbb;
--scrollbar-border-color: #888;
--tooltip-background-color: #333;
--link-color: lightskyblue;
} }
body.theme-dark ::-webkit-calendar-picker-indicator { body.theme-dark ::-webkit-calendar-picker-indicator {