From 6008e3da033870c0fb6e51a41efb48445186eb3c Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Mon, 30 Sep 2019 16:21:30 -0400
Subject: [PATCH] Added Black Theme

---
 assets/css/themes.scss | 22 ++++++++++++++++++++++
 pages/settings.vue     |  5 +++++
 2 files changed, 27 insertions(+)

diff --git a/assets/css/themes.scss b/assets/css/themes.scss
index f6410a162..a9b9d60ed 100644
--- a/assets/css/themes.scss
+++ b/assets/css/themes.scss
@@ -3,6 +3,7 @@
 
   - dark (default)
   - light
+  - black
  */
 
 // Dark is the default theme variant.
@@ -27,6 +28,27 @@
   --act-color: rgb(37, 38, 40);
 }
 
+:root.black {
+  // Dark Background color
+  --bg-dark-color: rgb(23, 24, 26);
+  // Background color
+  --bg-color: #000;
+  // Auto-complete color
+  --atc-color: rgb(49, 49, 55);
+  // Text color
+  --fg-color: rgb(247, 248, 248);
+  // Light Text color
+  --fg-light-color: rgb(150, 155, 160);
+  // Border color
+  --brd-color: rgb(48, 47, 55);
+  // Error color
+  --err-color: rgb(41, 42, 45);
+  // Acent color
+  --ac-color: #50fa7b;
+  // Active text color
+  --act-color: rgb(37, 38, 40);
+}
+
 :root.light {
   // Dark Background color
   --bg-dark-color: #e8f0fe;
diff --git a/pages/settings.vue b/pages/settings.vue
index d62b92d2a..d0904d6f5 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -88,6 +88,11 @@
             "name": "Light",
             "vibrant": true,
             "class": "light"
+          },
+          {
+            "color": "#000",
+            name: "Black",
+            "class": "black"
           }
         ],
         // You can define a new color here! It will simply store the color value.