From 679035491bf2098bdbedac538b7ac377e73ced3a Mon Sep 17 00:00:00 2001
From: doasync <doasync@gmail.com>
Date: Mon, 26 Jun 2017 15:21:46 +0300
Subject: [PATCH] Twilight theme

---
 app/scripts/themes.json         |  4 ++++
 app/styles/themes/twilight.scss | 38 +++++++++++++++++++++++++++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 app/styles/themes/twilight.scss

diff --git a/app/scripts/themes.json b/app/scripts/themes.json
index 4382e3f..b03be42 100644
--- a/app/scripts/themes.json
+++ b/app/scripts/themes.json
@@ -126,5 +126,9 @@
   {
     "name": "The One",
     "colors": ["#282c34", "#2c323c", "#373f4b", "#3e4451", "#5c636c", "#7d8793", "#abb2ba", "#c3cbd4", "#DF6B75", "#D19965", "#e2c08d", "#97C279", "#56B5C2", "#61AFEF", "#C578DD", "#d19365"]
+  },
+  {
+    "name": "Twilight",
+    "colors": ["#141414", "#1B1B1B", "#5F5A60", "#F8F8F8", "#C7C7FF", "#9B859D", "#9B703F", "#CC7832", "#CDA869", "#8F9D6A", "#CDA869", "#E9C062", "#56B5C2", "#61AFEF", "#C578DD", "#d19365"]
   }
 ]
diff --git a/app/styles/themes/twilight.scss b/app/styles/themes/twilight.scss
new file mode 100644
index 0000000..6ff0ea8
--- /dev/null
+++ b/app/styles/themes/twilight.scss
@@ -0,0 +1,38 @@
+/* ==============================================
+   Theme Name
+   ============================================== */
+
+$dark-theme: true; // Set true if theme has a dark background
+
+// Import Styles
+@import "base/theme-config";
+
+// Palette
+$background: #141414;             // Background
+$background-highlight: #1B1B1B;   // Background - Highlight
+$comments: #5F5A60;               // Comments / Secondary Content
+$foreground: #F8F8F8;             // Body text / default code / primary content
+$foreground-em: #C7C7FF;          // Optional emphasized content
+$foreground-css-props: #9B859D;   // CSS Properties
+$foreground-css-pseudo: #9B703F;  // CSS3 pseudo-selectors / elements
+$keyword-css: #CC7832;            // CSS Keywords (!important, etc.)
+$keyword: #CDA869;                // HTML Tags / CSS ID/Class Selectors / JS Keywords
+$strings: #8F9D6A;                // HTML/CSS/JS Strings
+$keyword-selectors: #CDA869;      // CSS Tag Selectors / JS Operators (in Canary)
+$keyword-accent: #E9C062;         // Accent / Highlight
+
+// Styles
+@include styles(
+$background,            // Background
+$background-highlight,  // Background - Highlight
+$comments,              // Comments / Secondary Content
+$foreground,            // Body text / default code / primary content
+$foreground-em,         // Optional emphasized content
+$foreground-css-props,  // CSS Properties
+$foreground-css-pseudo, // CSS3 pseudo-selectors / elements
+$keyword-css,           // CSS Keywords (!important, etc.)
+$keyword,               // HTML Tags / CSS ID/Class Selectors / JS Keywords
+$strings,               // HTML/CSS/JS Strings
+$keyword-selectors,     // CSS Tag Selectors / JS Operators (in Canary)
+$keyword-accent         // Accent / Highlight
+);