From d9dcb51ffab79a186d9a6f5e8d92f255885b9a61 Mon Sep 17 00:00:00 2001
From: M Usman Abubakr <86719130+Usman-Abubakr@users.noreply.github.com>
Date: Sun, 6 Feb 2022 21:00:37 +0000
Subject: [PATCH] added snes theme (#2424) by Usman-Abubakr

---
 static/themes/_list.json |  5 ++++
 static/themes/snes.css   | 50 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 55 insertions(+)
 create mode 100644 static/themes/snes.css

diff --git a/static/themes/_list.json b/static/themes/_list.json
index a060c08c7..99bd6fea5 100644
--- a/static/themes/_list.json
+++ b/static/themes/_list.json
@@ -724,4 +724,9 @@
     "bgColor": "#1e1e2e",
     "mainColor": "#abe9b3"
 	}
+  ,{
+    "name": "snes",
+    "bgColor": "#bfbec2",
+    "mainColor": "#553d94"
+  }
 ]
diff --git a/static/themes/snes.css b/static/themes/snes.css
new file mode 100644
index 000000000..320499ac6
--- /dev/null
+++ b/static/themes/snes.css
@@ -0,0 +1,50 @@
+:root {
+    --bg-color: #bfbec2;
+    --main-color: #553d94;
+    --caret-color: #523793;
+    --sub-color: #9f8ad4;
+    --text-color: #2e2e2e;
+    --error-color: #ca4754;
+    --error-extra-color: #7e2a33;
+    --colorful-error-color: #ca4754;
+    --colorful-error-extra-color: #7e2a33;
+}
+    
+#menu {
+  gap: 0.5rem;
+}
+
+#top.focus #menu .icon-button,
+#top.focus #menu:before,
+#top.focus #menu:after {
+  background: #99989f;
+}
+
+#menu .icon-button {
+  border-radius: 10rem !important;
+  color: var(--bg-color);
+}
+
+#menu .icon-button:nth-child(1) {
+  background: #553d94;
+}
+#menu .icon-button:nth-child(2) {
+  background: #6851a4;
+}
+#menu .icon-button:nth-child(3) {
+  background: #7962b3;
+}
+#menu .icon-button:nth-child(4) {
+  background: #8c76c3;
+}
+#menu .icon-button:nth-child(5) {
+  background: #9f8ad4;
+}
+#menu .icon-button:nth-child(6),
+#menu .icon-button:nth-child(7) {
+  background: #9f8ad4;
+}
+
+#top.focus #menu .icon-button.discord::after {
+  border-color: transparent;
+}