add iota theme

Sibb0x5e · Jun 1, 2021 · d8a3629 · d8a3629
1 parent a5fd30b
commit d8a3629
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 0 deletions.
diff --git a/src/theme/css/variables.css b/src/theme/css/variables.css
@@ -6,10 +6,56 @@
     --page-padding: 15px;
     --content-max-width: 750px;
     --menu-bar-height: 50px;
+
+    --primary: rgb(1, 155, 140);
+    --secondary: rgb(15, 193, 183);
+    --text: rgb(19, 31, 55)
+
 }
 
 /* Themes */
 
+.ei_iota {
+    --bg: #ffffff;
+    --fg: #4f4f4f;
+
+    --sidebar-bg: #fff;
+    --sidebar-fg: var(--text);;
+    --sidebar-non-existant: #5c6773;
+    --sidebar-active: var(--secondary);
+    --sidebar-spacer: var(--secondary);
+
+    --scrollbar: #cccccc;
+
+    --icons: #4f4f4f;
+    --icons-hover: var(--primary);
+
+    --links: var(--secondary);
+
+    --inline-code-color: var(--text);
+
+    --theme-popup-bg: #fafafa;
+    --theme-popup-border: #cccccc;
+    --theme-hover: #e6e6e6;
+
+    --quote-bg: #f1f1f1;
+    --quote-fg: var(--secondary);
+    --quote-border: var(--secondary);
+
+    --table-border-color: #019792;
+    --table-header-bg: #ffffff;
+    --table-alternate-bg: #ffffff;
+
+    --searchbar-border-color: #ffffff;
+    --searchbar-bg: #ffffff;
+    --searchbar-fg: #fff;
+    --searchbar-shadow-color: #cccccc;
+    --searchresults-header-fg: var(--secondary);
+    --searchresults-border-color: #ffffff;
+    --searchresults-li-bg: var(--secondary);
+    --search-mark-bg: var(--primary);
+}
+
 .ayu {
     --bg: hsl(210, 25%, 8%);
     --fg: #c5c5c5;

diff --git a/src/theme/index.hbs b/src/theme/index.hbs
@@ -107,6 +107,7 @@
                             <i class="fa fa-paint-brush"></i>
                         </button>
                         <ul id="theme-list" class="theme-popup" aria-label="Themes" role="menu">
+                            <li role="none"><button role="menuitem" class="theme" id="ei_iota">{{ theme_option "ei-IOTA" }}</button></li>
                             <li role="none"><button role="menuitem" class="theme" id="light">{{ theme_option "Light" }}</button></li>
                             <li role="none"><button role="menuitem" class="theme" id="rust">{{ theme_option "Rust" }}</button></li>
                             <li role="none"><button role="menuitem" class="theme" id="coal">{{ theme_option "Coal" }}</button></li>