theme refactoring

This commit is contained in:
zadam 2021-06-03 12:57:39 +02:00
parent f1344e3b95
commit 5e5df72020

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 {