diff --git a/app/scripts/themes.json b/app/scripts/themes.json
index 4382e3f..38d5c8e 100644
--- a/app/scripts/themes.json
+++ b/app/scripts/themes.json
@@ -55,6 +55,10 @@
     "name": "Nodejs",
     "colors": ["#22252A", "#292D33", "#FFFFFF", "#B4C2D6", "#5D5D5D", "#B6DB51"]
   },
+  {
+    "name": "Fox",
+    "colors": ["#393f4c", "#666666", "#E7E7E7", "#FFFFFF", "#FEFF01", "#f2c764", "#f66760", "#d5bcfb", "#9f8697", "#3fcf7b"]
+  },
   {
     "name": "Solarized Dark",
     "colors": ["#002b36", "#073642", "#586e75", "#839496", "#93a1a1", "#b58900", "#cb4b16", "#dc322f", "#268bd2", "#2aa198", "#859900", "#d33682"]
diff --git a/app/styles/themes/fox.scss b/app/styles/themes/fox.scss
new file mode 100644
index 0000000..bf13f86
--- /dev/null
+++ b/app/styles/themes/fox.scss
@@ -0,0 +1,36 @@
+/* ==============================================
+   Fox
+   ============================================== */
+
+$dark-theme: true;
+
+// Import Styles
+@import "base/theme-config";
+
+// Palette
+$base03: #393f4c;
+$base02: #666666;
+$base01: #E7E7E7;
+$base1: #FFFFFF;
+$yellow: #FEFF01;
+$orange: #f2c764;
+$red: #f66760;
+$magenta: #d5bcfb;
+$violet: #9f8697;
+$green: #3fcf7b;
+
+// Styles
+@include styles(
+$base03,// Background
+$base02,// Background - Highlight
+$base1,// Comments / Secondary Content
+$base01,// Body text / default code / primary content
+$base1,// Optional emphasized content
+$magenta,// CSS Properties
+$orange,// CSS3 pseudo-selectors / elements
+$red,// CSS Keywords (!important, etc.)
+$green,// HTML Tags / CSS ID/Class Selectors / JS Keywords
+$violet,// HTML/CSS/JS Strings
+$violet,// CSS Tag Selectors / JS Operators (in Canary)
+$red // Accent / Highlight
+);