Added Light and Dark Grey Main and Secondary themes as per Request #2600

src/renderer/helpers/colors.js

@@ -15,6 +15,8 @@ export const colors = [
   { name: 'Amber', value: '#FFAB00' },
   { name: 'Orange', value: '#FF6D00' },
   { name: 'DeepOrange', value: '#DD2C00' },
+  { name: 'LightGray', value: '#B1B1B1' },
+  { name: 'DarkGray', value: '#696969' },
   { name: 'DraculaCyan', value: '#8BE9FD' },
   { name: 'DraculaGreen', value: '#50FA7B' },
   { name: 'DraculaOrange', value: '#FFB86C' },

src/renderer/themes.css

@@ -359,6 +359,18 @@ it can be safely elided. This looks quite pleasant on this theme. */
   --primary-color-active: #D84315;
 }
 
+.mainLightGray {
+  --primary-color: #B1B1B1;
+  --primary-color-hover: #848482;
+  --primary-color-active: #7E7E7E;
+}
+
+.mainDarkGray {
+  --primary-color: #696969;
+  --primary-color-hover: #555555;
+  --primary-color-active: #4E4E4E;
+}
+
 .mainDraculaCyan,
 .mainDraculaGreen,
 .mainDraculaOrange,
@@ -735,6 +747,30 @@ it can be safely elided. This looks quite pleasant on this theme. */
   --accent-color-opacity4: rgba(255,87,34,0.24);
 }
 
+.secLightGray {
+  --accent-color: #B1B1B1;
+  --accent-color-hover: #848482;
+  --accent-color-active: #7E7E7E;
+  --accent-color-light: #cfcfcf;
+  --accent-color-visited: #797979;
+  --accent-color-opacity1: rgba(177,177,177,0.04);
+  --accent-color-opacity2: rgba(177,177,177,0.12);
+  --accent-color-opacity3: rgba(177,177,177,0.16);
+  --accent-color-opacity4: rgba(177,177,177,0.24);
+}
+
+.secDarkGray {
+  --accent-color: #696969;
+  --accent-color-hover: #555555;
+  --accent-color-active: #4E4E4E;
+  --accent-color-light: #A5A5A5;
+  --accent-color-visited: #444444;
+  --accent-color-opacity1: rgba(105,105,105,0.04);
+  --accent-color-opacity2: rgba(105,105,105,0.12);
+  --accent-color-opacity3: rgba(105,105,105,0.16);
+  --accent-color-opacity4: rgba(105,105,105,0.24);
+}
+
 .secDraculaCyan,
 .secDraculaGreen,
 .secDraculaOrange,

static/locales/en-US.yaml

@@ -229,6 +229,8 @@ Settings:
       Amber: Amber
       Orange: Orange
       Deep Orange: Deep Orange
+      Light Gray: Light Gray
+      Dark Gray: Dark Gray
       Dracula Cyan: Dracula Cyan
       Dracula Green: Dracula Green
       Dracula Orange: Dracula Orange