graphicek/client/src/assets/themes/_blue.scss

34 lines
1.1 KiB
SCSS

:root {
--main-font: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
--border-radius: 0.15rem;
--main-bg-color: #000;
--main-fg-color: #fff;
--button-bg-color: #81f9a9;
--button-fg-color: #000;
--button-hover-bg-color: #81f9a9;
--button-hover-fg-color: #000;
--button-cancel-bg-color: transparent;
--button-cancel-fg-color: #eee;
--button-remove-bg-color: transparent;
--button-remove-fg-color: #f00;
--header-bg-color: #141723;
--header-spacer-color: #242940;
--header-shadow: none;
--box-bg-color: #1a1e2e;
--box-fg-color: #fff;
--box-loader-bg-color: rgba(128, 128, 128, 0.3);
--box-loader-fg-color: #fff;
--box-action-fg-color: #666;
--box-preview-bg-color: #3988ff;
--box-shadow: none;
--modal-overlay-bg-color: rgba(0, 0, 0, 0.3);
--modal-bg-color: #222;
--modal-fg-color: #eee;
--confirm-overlay-bg-color: rgba(0, 0, 0, 0.5);
--graph-axis-fg-color: #777;
--graph-grid-color: rgb(50, 50, 50);
--link-fg-color: #3988ff;
--menu-shadow: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(90, 90, 90, 0.2) 100%);
--filters-menu-shadow: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(90, 90, 90, 0.2) 100%);
}