diff options
author | 2021-08-21 19:54:37 +0200 | |
---|---|---|
committer | 2021-08-21 19:54:37 +0200 | |
commit | 71cc09db93ec9b079a30593e14ca57c98fdc94ac (patch) | |
tree | 652a23dbec9c8395f96b59dc6556363ef556962b /styles/_themes.scss | |
parent | a9d3686ccc496044cfdee013ccfbece955793052 (diff) | |
download | my_apps-71cc09db93ec9b079a30593e14ca57c98fdc94ac.tar.gz my_apps-71cc09db93ec9b079a30593e14ca57c98fdc94ac.tar.bz2 my_apps-71cc09db93ec9b079a30593e14ca57c98fdc94ac.zip |
color themes
Diffstat (limited to 'styles/_themes.scss')
-rw-r--r-- | styles/_themes.scss | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/styles/_themes.scss b/styles/_themes.scss new file mode 100644 index 0000000..fbf63cc --- /dev/null +++ b/styles/_themes.scss @@ -0,0 +1,57 @@ +.light { + --color-bg: #50a3a2; + --color-bg-alt: #53e3a6; + --color-text: #333; + --color-text-alt: #111; + --color-decor: #ccc; + --color-glass: rgb(151, 215, 200, .9); + --color-glass-alt: rgba(255, 255, 255, 0.5); + --color-error: #a00; + --color-success: #0a0; + --color-link: #006dd0; + --color-selected: rgba(0,0,0,.1); + --color-window-border-top: rgba(255,255,255,.7); + --color-window-border-bottom: #ccc; + --color-window-content: #fff; + --color-window-buttons: #666; + --color-window-buttons-alt: #222; + --color-window-menu: #eee; + --color-window-menu-alt: #ddd; + --color-button: #9cdbb5; + --color-button-alt: #a4eac0; + --color-button-border: #8ecca6; + --color-popup-bg: #fff; + --color-popup-error-bg: #ffe1e1; + --color-popup-error-button: #ffbebe; + --color-popup-error-button-alt: #ffa1a1; + --color-popup-error-border: #ffb6b6; +} + +.dark { + --color-bg: #000; + --color-bg-alt: #222; + --color-text: #eee; + --color-text-alt: #fff; + --color-decor: #ccc; + --color-glass: rgb(20, 20, 20, .9); + --color-glass-alt: rgba(255, 255, 255, 0.3); + --color-error: #a00; + --color-success: #0a0; + --color-link: #006dd0; + --color-selected: rgba(0,0,0, .5); + --color-window-border-top: rgba(255,255,255,.3); + --color-window-border-bottom: #444; + --color-window-content: #222; + --color-window-buttons: #ccc; + --color-window-buttons-alt: #fff; + --color-window-menu: #282828; + --color-window-menu-alt: #111; + --color-button: #555; + --color-button-alt: #444; + --color-button-border: #666; + --color-popup-bg: #666; + --color-popup-error-bg: #6f0b0b; + --color-popup-error-button: #934e4e; + --color-popup-error-button-alt: #a21010; + --color-popup-error-border: #ffd6d6; +} |