Add the color definitions for the light theme

This commit is contained in:
Adorian Doran 2024-11-24 22:19:02 +02:00
parent 3d54b7b34f
commit 5563a2b4b0

View File

@ -10,9 +10,79 @@
--monospace-font-family: JetBrainsLight;
--monospace-font-size: normal;
}
/*
* Light color scheme
*/
:root {
--theme-style: light;
--main-background-color: white;
--main-text-color: black;
--main-border-color: #ccc;
--dropdown-border-color: #ccc;
--dropdown-shadow-opacity: .2;
--dropdown-item-icon-destructive-color: #ec5138;
--disabled-tooltip-icon-color: #004382;
--accented-background-color: #f5f5f5;
--more-accented-background-color: #ddd;
--button-background-color: transparent;
--button-border-color: #ddd;
--button-text-color: black;
--button-border-radius: 5px;
--button-disabled-background-color: #ddd;
--button-disabled-text-color: black;
--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: transparent;
--hover-item-text-color: black;
--hover-item-background-color: transparent;
--hover-item-border-color: #ccc;
--active-item-text-color: black;
--active-item-background-color: #ddd;
--active-item-border-color: transparent;
--menu-text-color: black;
--menu-background-color: white;
--modal-background-color: white;
--modal-backdrop-color: black;
--left-pane-background-color: #F3F3F3;
--left-pane-text-color: #333;
--launcher-pane-background-color: #F3F3F3;
--launcher-pane-text-color: #333;
--active-tab-background-color: #ddd;
--active-tab-hover-background-color: #d1d1d1;
--active-tab-text-color: black;
--inactive-tab-background-color: #f0f0f0;
--inactive-tab-hover-background-color: #e3e3e3;
--inactive-tab-text-color: #666;
--scrollbar-border-color: #ddd;
--scrollbar-background-color: #ddd;
--tooltip-background-color: #f8f8f8;
--link-color: blue;
--mermaid-theme: default;
--code-block-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.2);
}
}
/*
* Dark color scheme