Merge pull request #1243 from pipipear/master

Added an even darker dark theme
yakyak · Dec 6, 2020 · a5f3764 · a5f3764
2 parents dd0aa07 + 8af816f
commit a5f3764
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 0 deletions.
diff --git a/src/locales/en.json.template b/src/locales/en.json.template
@@ -146,6 +146,7 @@
                 "default": "Original",
                 "blue": "Blue",
                 "dark": "Dark",
+                "darker": "Darker",
                 "material": "Material",
                 "pop": "Pop",
                 "gruvy": "Gruvy"

diff --git a/src/ui/css/yakyak/colors.less b/src/ui/css/yakyak/colors.less
@@ -60,6 +60,38 @@ html{
     }
   }
 
+  &.darker{
+    --white: #181A1B;
+    --ghostwhite: #2d3d46;
+    --lightgrey: #1E1F21;
+    --altgrey: #222A2E;
+    --grey: #222A2E;
+    --darkgrey: #cccccc;
+    --lightblack: #cccccc;
+    --black: #ffffff;
+    --green: #0b6e3e;
+    --online: var(--yakyakgreen);
+    --darkgreen: #0f1316;
+    --red: #f44336;
+    --darkred: #ea1c0d;
+    --link: #F9C15C;
+    --tweetbg: #644104;
+    --instagrambg: #333940;
+
+  .listhead,
+  .listhead button,
+  .convhead .name,
+  .controls .button,
+  .convhead .headwrap .optionwrapper > .button,
+  .convadd .button{
+    color: var(--black);
+  }
+
+  .convhead .win-buttons button{
+    background-color: var(--black);
+  }
+}
+
   &.material{
     --white: #202B31;
     --ghostwhite: #2d3d46;

diff --git a/src/ui/views/menu.coffee b/src/ui/views/menu.coffee
@@ -279,6 +279,12 @@ templateView = (viewstate) ->
                   checked: viewstate.colorScheme == 'dark'
                   click: -> action 'changetheme', 'dark'
               }
+              {
+                  label: i18n.__('menu.view.color_scheme.darker:Darker')
+                  type: 'radio'
+                  checked: viewstate.colorScheme == 'darker'
+                  click: -> action 'changetheme', 'darker'
+              }
               {
                   label: i18n.__('menu.view.color_scheme.material:Material')
                   type: 'radio'