From b20816d8ed99e7eff0669fdd7b2236413a2c591c Mon Sep 17 00:00:00 2001
From: Abdullah Omar <aljumaili2005@gmail.com>
Date: Sat, 18 Dec 2021 22:29:25 +0400
Subject: [PATCH] Adding Moonlight theme (#2180) by Abod1960

* added moonlight theme

inspired by GMK MOONLIGHT

* added moonlight theme
---
 static/themes/_list.json    |  7 ++++-
 static/themes/moonlight.css | 52 +++++++++++++++++++++++++++++++++++++
 2 files changed, 58 insertions(+), 1 deletion(-)
 create mode 100644 static/themes/moonlight.css

diff --git a/static/themes/_list.json b/static/themes/_list.json
index cacbbeeeb..8e8f45c8d 100644
--- a/static/themes/_list.json
+++ b/static/themes/_list.json
@@ -638,5 +638,10 @@
     "name": "dev",
     "bgColor" : "#1b2028",
     "textColor":"#23a9d5"
-  }
+  },
+  {
+    "name": "moonlight",
+    "bgColor" : "#1f2730",
+    "textColor":"#c69f68"
+  }  
 ]
diff --git a/static/themes/moonlight.css b/static/themes/moonlight.css
new file mode 100644
index 000000000..ca0bad949
--- /dev/null
+++ b/static/themes/moonlight.css
@@ -0,0 +1,52 @@
+/*inspired by GMK MOONLIGHT*/
+:root {
+    --bg-color: #1f2730;
+    --main-color: #c69f68;
+    --caret-color: #8f744b;
+    --sub-color: #4b5975;
+    --text-color: #ccccb5;
+    --error-color: #b81b2c;
+    --error-extra-color: #84131f;
+    --colorful-error-color: #b81b2c;
+    --colorful-error-extra-color: #84131f;
+  }
+  #menu {
+    gap: 0.5rem;
+  }
+  #top.focus #menu .icon-button,
+  #top.focus #menu:before,
+  #top.focus #menu:after {
+    background: var(--bg-color);
+  }
+  #menu .icon-button  {
+    border-radius: rem !important;
+    color: #1f2730 !important;
+  }
+  #menu .icon-button :hover {
+    border-radius: rem !important;
+    color: #4b5975 !important;
+    transition: .25s;
+  }
+  #menu .icon-button:nth-child(1) {
+    background: #c69f68;
+  }
+  #menu .icon-button:nth-child(2) {
+    background: #c69f68;
+  }
+  #menu .icon-button:nth-child(3) {
+    background: #c69f68;
+  }
+  #menu .icon-button:nth-child(4) {
+    background: #c69f68;
+  }
+  #menu .icon-button:nth-child(5) {
+    background: #c69f68;
+  }
+  #menu .icon-button:nth-child(6),
+  #menu .icon-button:nth-child(7) {
+    background: #c69f68;
+  }
+  #top.focus #menu .icon-button.discord::after {
+    border-color: transparent;
+  }
+