1 files changed, 86 insertions, 0 deletions
diff --git a/styles/global/_themes.scss b/styles/global/_themes.scss
new file mode 100644
index 0000000..9319fa5
--- /dev/null
+++ b/styles/global/_themes.scss
@@ -0,0 +1,86 @@
+.green {
+  --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-popup: #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-error-bg: #ffe1e1;
+  --color-popup-error-button: #ffbebe;
+  --color-popup-error-button-alt: #ffa1a1;
+  --color-popup-error-border: #ffb6b6;
+}
+
+.blue {
+  --color-bg: #71b0d7;
+  --color-bg-alt: #a4e4fd;
+  --color-text: #333;
+  --color-text-alt: #111;
+  --color-decor: #ccc;
+  --color-glass: rgba(151, 192, 230, 0.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-popup: #fff;
+  --color-window-buttons: #666;
+  --color-window-buttons-alt: #222;
+  --color-window-menu: #eee;
+  --color-window-menu-alt: #ddd;
+  --color-button: #81d5ff;
+  --color-button-alt: #ace0ff;
+  --color-button-border: #67c1f9;
+  --color-popup-error-bg: #ffe1e1;
+  --color-popup-error-button: #ffbebe;
+  --color-popup-error-button-alt: #ffa1a1;
+  --color-popup-error-border: #ffb6b6;
+}
+
+.black {
+  --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(255,255,255,.2);
+  --color-window-border-top: rgba(255,255,255,.3);
+  --color-window-border-bottom: #444;
+  --color-window-content: #222;
+  --color-window-popup: #333;
+  --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-error-bg: #6f0b0b;
+  --color-popup-error-button: #934e4e;
+  --color-popup-error-button-alt: #a21010;
+  --color-popup-error-border: #ffd6d6;
+}