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;
+}