add dark theme

package.json

@@ -2,11 +2,12 @@
   "name": "theme",
   "displayName": "Theme",
   "description": "A Visual Studio Code theme  for those of us who like to code late into the night",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "publisher": "tal7aouy",
   "author": {
     "name": "MHAMMED TALHAOUY",
-    "email": "[email protected]"
+    "email": "[email protected]",
+    "url": "https:/talhaouy.me"
   },
   "repository": {
     "type": "git",
@@ -71,6 +72,11 @@
         "label": "Theme Mix",
         "uiTheme": "vs-dark",
         "path": "./themes/ThemeMix.json"
+      },
+      {
+        "label": "Theme Darker",
+        "uiTheme": "vs-dark",
+        "path": "./themes/ThemeDarker.json"
       }
     ]
   },

src/@types/ThemeColorsReference.d.ts

@@ -544,21 +544,29 @@ export interface ThemeColorsReference {
   'statusBar.noFolderBackground'?: string
   'statusBar.noFolderBorder'?: string
   'statusBar.noFolderForeground'?: string
-  'statusBar.offlineBackground'?: string
-  'statusBar.offlineForeground'?: string
   'statusBarItem.activeBackground'?: string
   'statusBarItem.compactHoverBackground'?: string
   'statusBarItem.errorBackground'?: string
   'statusBarItem.errorForeground'?: string
+  'statusBarItem.errorHoverBackground'?: string
+  'statusBarItem.errorHoverForeground'?: string
   'statusBarItem.focusBorder'?: string
   'statusBarItem.hoverBackground'?: string
+  'statusBarItem.offlineBackground'?: string
+  'statusBarItem.offlineForeground'?: string
+  'statusBarItem.offlineHoverBackground'?: string
+  'statusBarItem.offlineHoverForeground'?: string
   'statusBarItem.prominentBackground'?: string
   'statusBarItem.prominentForeground'?: string
   'statusBarItem.prominentHoverBackground'?: string
   'statusBarItem.remoteBackground'?: string
   'statusBarItem.remoteForeground'?: string
+  'statusBarItem.remoteHoverBackground'?: string
+  'statusBarItem.remoteHoverForeground'?: string
   'statusBarItem.warningBackground'?: string
   'statusBarItem.warningForeground'?: string
+  'statusBarItem.warningHoverBackground'?: string
+  'statusBarItem.warningHoverForeground'?: string
   'symbolIcon.arrayForeground'?: string
   'symbolIcon.booleanForeground'?: string
   'symbolIcon.classForeground'?: string

src/index.ts

@@ -1,11 +1,13 @@
 import { build } from '~/scripts/build'
 import { pressEnterToExit } from '~/utils/press-enter-to-exit'
 import Theme from '~/variants/theme'
+import ThemeDarker from '~/variants/themeDarker'
 import ThemeFlat from '~/variants/ThemeFlat'
 import themeMix from '~/variants/themeMix'
 
 async function run() {
   await build(Theme)
+  await build(ThemeDarker)
   await build(ThemeFlat)
   await build(themeMix)
 

src/variants/ThemeFlat.ts

@@ -36,9 +36,6 @@ const Theme: ThemeSchema = {
     'editorGutter.addedBackground': '#109868',
     'editorGutter.deletedBackground': '#9A353D',
     'editorGutter.modifiedBackground': '#948B60',
-    // 'editorOverviewRuler.addedBackground': '#109868',
-    // 'editorOverviewRuler.deletedBackground': '#9A353D',
-    // 'editorOverviewRuler.modifiedBackground': '#948B60',
     'editor.selectionBackground': '#67769660',
     'editor.selectionHighlightBackground': '#404859',
     'editor.selectionHighlightBorder': '#404859',
@@ -51,7 +48,6 @@ const Theme: ThemeSchema = {
     'editorCursor.background': '#ffffffc9',
     'editorCursor.foreground': '#f0f0f0',
     'editorError.foreground': '#c24038',
-    // 'editorGroup.background': '#181a1f',
     'editorGroup.border': '#23252c',
     'editorGroup.emptyBackground': '#282c34',
     'editorGroupHeader.tabsBackground': '#282c34',
@@ -131,9 +127,7 @@ const Theme: ThemeSchema = {
     'statusBarItem.warningBackground': '#282c34',
     'statusBarItem.warningForeground': '#b78853',
     'tab.activeBackground': '#282c34',
-    'tab.activeBorder': '#b4b4b4',
     'tab.activeForeground': '#dcdcdc',
-    'tab.border': '#282c34',
     'tab.hoverBackground': '#323842',
     'tab.inactiveBackground': '#282c34',
     'tab.unfocusedHoverBackground': '#323842',
@@ -169,7 +163,6 @@ const Theme: ThemeSchema = {
     'tree.indentGuidesStroke': '#343a45',
     'widget.shadow': '#23252c',
     'walkThrough.embeddedEditorBackground': '#2e3440',
-    // 'welcomePage.buttonHoverBackground': '#404754',
   },
   tokenColors: TokenColors,
 }