diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css index b17ac2607..f2e419f2f 100644 --- a/src/public/stylesheets/theme-next.css +++ b/src/public/stylesheets/theme-next.css @@ -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