From b7eff1f1854fa63a73c8aad7675771560054f381 Mon Sep 17 00:00:00 2001
From: niassuh1 <galenwaros@gmail.com>
Date: Mon, 3 May 2021 05:31:27 +0300
Subject: [PATCH] Added synthwave84 theme

---
 extension/themes/dark/synthwave84.js          |  2 ++
 .../themes/dark/synthwave84/synthwave84.scss  | 16 ++++++++++
 .../dark/synthwave84/synthwave84.theme.css    | 32 +++++++++++++++++++
 3 files changed, 50 insertions(+)
 create mode 100644 extension/themes/dark/synthwave84.js
 create mode 100644 extension/themes/dark/synthwave84/synthwave84.scss
 create mode 100644 extension/themes/dark/synthwave84/synthwave84.theme.css

diff --git a/extension/themes/dark/synthwave84.js b/extension/themes/dark/synthwave84.js
new file mode 100644
index 00000000..0fd4f006
--- /dev/null
+++ b/extension/themes/dark/synthwave84.js
@@ -0,0 +1,2 @@
+require('./synthwave84/synthwave84.theme.css');
+require('./synthwave84/synthwave84.scss');
diff --git a/extension/themes/dark/synthwave84/synthwave84.scss b/extension/themes/dark/synthwave84/synthwave84.scss
new file mode 100644
index 00000000..baaf0161
--- /dev/null
+++ b/extension/themes/dark/synthwave84/synthwave84.scss
@@ -0,0 +1,16 @@
+.theme-synthwave84-css-check:before {
+  content: 'loaded';
+  display: none;
+}
+
+.extras {
+  .icon {
+    svg {
+      fill: #fff;
+    }
+
+    &:hover {
+      background-color: #333;
+    }
+  }
+}
diff --git a/extension/themes/dark/synthwave84/synthwave84.theme.css b/extension/themes/dark/synthwave84/synthwave84.theme.css
new file mode 100644
index 00000000..0a989efd
--- /dev/null
+++ b/extension/themes/dark/synthwave84/synthwave84.theme.css
@@ -0,0 +1,32 @@
+.cm-s-synthwave84.CodeMirror, .cm-s-synthwave84 .CodeMirror-gutters {
+    background-color: #262335 !important;
+    color: #f8f8f2 !important;
+    border: none;
+  }
+  .cm-s-synthwave84 .CodeMirror-gutters { color: #282a36; }
+  .cm-s-synthwave84 .CodeMirror-cursor { border-left: solid thin #f8f8f0; }
+  .cm-s-synthwave84 .CodeMirror-linenumber { color: #6D8A88; }
+  .cm-s-synthwave84.CodeMirror-focused div.CodeMirror-selected { background: rgba(255, 255, 255, 0.10); }
+  .cm-s-synthwave84 .CodeMirror-line::selection, .cm-s-synthwave84 .CodeMirror-line > span::selection, .cm-s-synthwave84 .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); }
+  .cm-s-synthwave84 .CodeMirror-line::-moz-selection, .cm-s-synthwave84 .CodeMirror-line > span::-moz-selection, .cm-s-synthwave84 .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); }
+  .cm-s-synthwave84 span.cm-comment { color: #7084BD; }
+  .cm-s-synthwave84 span.cm-string, .cm-s-synthwave84 span.cm-string-2 { color: #ff0e42; }
+  .cm-s-synthwave84 span.cm-number { color: #2fe0ff; }
+  .cm-s-synthwave84 span.cm-variable { color: #33fa9d; }
+  .cm-s-synthwave84 span.cm-variable-2 { color: white; }
+  .cm-s-synthwave84 span.cm-def { color: #fff023; }
+  .cm-s-synthwave84 span.cm-keyword { color: #33fa9d; }
+  .cm-s-synthwave84 span.cm-operator { color: #33fa9d; }
+  .cm-s-synthwave84 span.cm-keyword { color: #33fa9d; }
+  .cm-s-synthwave84 span.cm-atom { color: #fff023; }
+  .cm-s-synthwave84 span.cm-meta { color: #f8f8f2; }
+  .cm-s-synthwave84 span.cm-tag { color: #ff0e42; }
+  .cm-s-synthwave84 span.cm-attribute { color: #2fe0ff; }
+  .cm-s-synthwave84 span.cm-qualifier { color: #ff0e42; }
+  .cm-s-synthwave84 span.cm-property { color: #2fe0ff; }
+  .cm-s-synthwave84 span.cm-builtin { color: #2fe0ff; }
+  .cm-s-synthwave84 span.cm-variable-3 { color: #33fa9d; }
+  
+  .cm-s-synthwave84 .CodeMirror-activeline-background { background: rgba(255,255,255,0.1); }
+  .cm-s-synthwave84 .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }
+  
\ No newline at end of file