divide colors in workbench into new dark and new darcula version

eenaree · Sep 15, 2023 · e9c6811 · e9c6811
1 parent 3782b82
commit e9c6811
Show file tree

Hide file tree

Showing 3 changed files with 623 additions and 123 deletions.
diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "displayName": "Webstorm New Dark Theme",
   "version": "1.1.7",
   "publisher": "eenaree",
-  "description": "combine Webstorm Darcula Theme with New UI color",
+  "description": "a theme that looks similar to WebStorm's New UI",
   "engines": {
     "vscode": "^1.81.0"
   },
@@ -23,7 +23,12 @@
       {
         "label": "Webstorm New Dark",
         "uiTheme": "vs-dark",
-        "path": "./themes/new-dark-theme.json"
+        "path": "./themes/new_dark.json"
+      },
+      {
+        "label": "Webstorm New Darcula",
+        "uiTheme": "vs-dark",
+        "path": "./themes/new_darcula.json"
       }
     ]
   },

diff --git a/themes/new-dark-theme.json → themes/new_darcula.json b/themes/new-dark-theme.json → themes/new_darcula.json
@@ -2,18 +2,27 @@
   "$schema": "vscode://schemas/color-theme",
   "type": "dark",
   "colors": {
-    "focusBorder": "#3d6185",
-
-    "button.background": "#365880",
-    "button.secondaryBackground": "#4c5052",
-
     "titleBar.activeBackground": "#3b3f41",
     "titleBar.inactiveBackground": "#3b3f41",
 
     "menubar.selectionBackground": "#4d5254",
     "menu.background": "#3b3f41",
     "menu.foreground": "#bababa",
 
+    "quickInput.background": "#3c3f41",
+    "quickInput.foreground": "#bbbbbb",
+    "quickInputList.focusBackground": "#2f65ca",
+    "quickInputList.focusForeground": "#ffffff",
+
+    "list.activeSelectionBackground": "#2f65ca",
+    "list.activeSelectionForeground": "#ffffff",
+    "list.focusAndSelectionOutline": "#2f65ca",
+    "list.focusHighlightForeground": "#c5a542",
+    "list.highlightForeground": "#c5a542",
+    "list.inactiveSelectionBackground": "#002a40",
+    "list.hoverBackground": "#0000001f",
+    "list.dropBackground": "#373a3c",
+
     "activityBar.background": "#3b3f41",
     "activityBar.border": "#323232",
     "activityBar.foreground": "#ffffff",
@@ -24,49 +33,27 @@
     "activityBarBadge.background": "#3574f0",
     "activityBarBadge.foreground": "#ffffff",
 
-    "editor.background": "#2b2b2b",
-    "editor.foreground": "#bdc0c9",
-    "editor.foldBackground": "#3a3a3a",
-    "editorBracketMatch.background": "#3a514d",
-    "editorBracketMatch.border": "#3a514d",
-    "editorGutter.background": "#313336",
-    "editorGutter.addedBackground": "#549159",
-    "editorGutter.modifiedBackground": "#375FAD",
-    "editorGutter.deletedBackground": "#868A91",
-    "editorGutter.foldingControlForeground": "#6F737A",
-    "editorIndentGuide.activeBackground1": "#4b4b4b",
-    "editorIndentGuide.background1": "#353535",
-    "editorLineNumber.activeForeground": "#a4a3a3",
-    "editorLineNumber.foreground": "#606366",
-    "editorUnnecessaryCode.opacity": "#00000066",
-    "editorInlayHint.foreground": "#787878",
-    "editorInlayHint.typeBackground": "#33333300",
-    "editorInlayHint.parameterBackground": "#333333",
-    "editorRuler.foreground": "#3c3c3c",
+    "focusBorder": "#3d6185",
 
-    "editor.findMatchBackground": "#214283",
-    "editor.findMatchBorder": "#bbbbbb",
-    "editor.findMatchHighlightBackground": "#32593d",
-    "editor.findMatchHighlightBorder": "#3c704b",
-    "editor.findRangeHighlightBackground": "#1e4684",
-    "editor.lineHighlightBackground": "#323232",
-    "editor.selectionBackground": "#214283",
-    "editor.inactiveSelectionBackground": "#1e4684",
-    "editor.selectionHighlightBackground": "#32593d",
-    "editor.wordHighlightBackground": "#344134",
-    "editor.wordHighlightStrongBackground": "#40332b",
+    "sideBar.border": "#323232",
+    "sideBar.background": "#3b3f41",
+    "sideBar.foreground": "#bababa",
+    "sideBarSectionHeader.background": "#494c4e",
+    "sideBarSectionHeader.foreground": "#bababa",
+    "sideBarSectionHeader.border": "#323232",
 
-    "diffEditor.insertedTextBackground": "#385570",
-    "diffEditor.insertedLineBackground": "#303c47",
-    "diffEditorGutter.insertedLineBackground": "#303c47",
-    "diffEditor.removedTextBackground": "#373737",
-    "diffEditor.removedLineBackground": "#484a4a",
-    "diffEditorGutter.removedLineBackground": "#484a4a",
+    "input.border": "#323232",
+    "input.background": "#44494a",
+    "input.foreground": "#bababa",
+    "inputOption.activeBackground": "#5b6164",
+    "inputOption.activeForeground": "#00b9e5",
+    "inputOption.activeBorder": "#00000000",
 
-    "merge.currentHeaderBackground": "#447152",
-    "merge.currentContentBackground": "#294436",
-    "merge.incomingHeaderBackground": "#43698d",
-    "merge.incomingContentBackground": "#385570",
+    "button.background": "#365880",
+    "button.secondaryBackground": "#4c5052",
+
+    "badge.background": "#4e4e4e",
+    "badge.foreground": "#ffffff",
 
     "gitDecoration.addedResourceForeground": "#629755",
     "gitDecoration.modifiedResourceForeground": "#6897bb",
@@ -78,62 +65,19 @@
     "gitDecoration.ignoredResourceForeground": "#848504",
     "gitDecoration.conflictingResourceForeground": "#d5756c",
 
-    "input.border": "#323232",
-    "input.background": "#44494a",
-    "input.foreground": "#bababa",
-    "inputOption.activeBackground": "#5b6164",
-    "inputOption.activeForeground": "#00b9e5",
-    "inputOption.activeBorder": "#00000000",
-
-    "quickInput.background": "#3c3f41",
-    "quickInput.foreground": "#bbbbbb",
-    "quickInputList.focusBackground": "#2f65ca",
-    "quickInputList.focusForeground": "#ffffff",
-
-    "editorWidget.background": "#3b3f41",
-    "editorWidget.foreground": "#bababa",
-    "editorWidget.border": "#323232",
-    "editorWidget.resizeBorder": "#646464",
-    "editorSuggestWidget.background": "#46484a",
-    "editorSuggestWidget.selectedBackground": "#113a5c",
-    "editorSuggestWidget.focusHighlightForeground": "#589df6",
-    "editorSuggestWidget.highlightForeground": "#589df6",
-    "editorHoverWidget.background": "#46484a",
-    "editorHoverWidget.highlightForeground": "#589df6",
-
-    "terminal.background": "#2b2b2b",
-    "terminal.foreground": "#bbbbbb",
-
     "panel.background": "#3b3f41",
     "panel.border": "#323232",
     "panelTitle.activeBorder": "#4a88c7",
     "panelTitle.activeForeground": "#ffffff",
     "panelTitle.inactiveForeground": "#bbbbbb",
 
+    "terminal.background": "#2b2b2b",
+    "terminal.foreground": "#bbbbbb",
+
     "dropdown.border": "#5e6060",
     "dropdown.background": "#3b3f41",
     "dropdown.foreground": "#bababa",
 
-    "scrollbarSlider.activeBackground": "#707070",
-    "scrollbarSlider.background": "#505050",
-    "scrollbarSlider.hoverBackground": "#676767",
-
-    "sideBar.border": "#323232",
-    "sideBar.background": "#3b3f41",
-    "sideBar.foreground": "#bababa",
-    "sideBarSectionHeader.background": "#494c4e",
-    "sideBarSectionHeader.foreground": "#bababa",
-    "sideBarSectionHeader.border": "#323232",
-
-    "list.activeSelectionBackground": "#2f65ca",
-    "list.activeSelectionForeground": "#ffffff",
-    "list.focusAndSelectionOutline": "#2f65ca",
-    "list.focusHighlightForeground": "#c5a542",
-    "list.highlightForeground": "#c5a542",
-    "list.inactiveSelectionBackground": "#002a40",
-    "list.hoverBackground": "#0000001f",
-    "list.dropBackground": "#373a3c",
-
     "statusBar.background": "#3b3f41",
     "statusBar.border": "#4e4e4e",
     "statusBar.foreground": "#bababa",
@@ -144,37 +88,109 @@
     "statusBar.debuggingBorder": "#4e4e4e",
     "statusBar.debuggingForeground": "#bababa",
 
+    "editorGroup.border": "#323232",
+    "editorGroup.emptyBackground": "#313336",
+    "editorGroupHeader.noTabsBackground": "#3b3f41",
+    "editorGroupHeader.tabsBackground": "#3b3f41",
+    "editorGroupHeader.tabsBorder": "#323232",
+    "editorGroupHeader.border": "#323232",
+    "editorPane.background": "#3b3f41",
+
+    "tab.border": "#4b4b4b00",
     "tab.activeBackground": "#4d5254",
     "tab.activeForeground": "#bbbbbb",
     "tab.activeBorder": "#4a88c7",
     "tab.activeModifiedBorder": "#4a88c7",
     "tab.inactiveModifiedBorder": "#727a80",
-    "tab.border": "#4b4b4b00",
-    "tab.inactiveBackground": "#3b3f41",
-    "tab.inactiveForeground": "#bbbbbb",
-    "tab.unfocusedActiveBorder": "#727a80",
+    "tab.hoverBackground": "#26292a",
     "tab.unfocusedActiveBackground": "#4d5254",
+    "tab.unfocusedActiveBorder": "#727a80",
+    "tab.unfocusedActiveForeground": "#bbbbbb",
+    "tab.unfocusedActiveModifiedBorder": "#4a88c7",
     "tab.unfocusedInactiveBackground": "#3b3f41",
     "tab.unfocusedInactiveForeground": "#bbbbbb",
-    "tab.unfocusedActiveForeground": "#bbbbbb",
     "tab.unfocusedInactiveModifiedBorder": "#727a80",
-    "tab.hoverBackground": "#26292a",
     "tab.unfocusedHoverBackground": "#26292a",
-    "editorPane.background": "#3b3f41",
-    "editorGroup.border": "#323232",
-    "editorGroup.emptyBackground": "#313336",
-    "editorGroupHeader.noTabsBackground": "#3b3f41",
-    "editorGroupHeader.tabsBackground": "#3b3f41",
-    "editorGroupHeader.tabsBorder": "#323232",
-    "editorGroupHeader.border": "#323232",
+    "tab.inactiveBackground": "#3b3f41",
+    "tab.inactiveForeground": "#bbbbbb",
 
-    "badge.background": "#4e4e4e",
-    "badge.foreground": "#ffffff",
+    "breadcrumb.background": "#313335",
+    "breadcrumb.foreground": "#bababa",
 
-    "breadcrumb.background": "#303335",
+    "scrollbarSlider.activeBackground": "#707070",
+    "scrollbarSlider.background": "#505050",
+    "scrollbarSlider.hoverBackground": "#676767",
 
     "debugIcon.breakpointForeground": "#d74a4b",
 
+    "editor.background": "#2b2b2b",
+    "editor.foreground": "#bdc0c9",
+    "editor.foldBackground": "#3a3a3a",
+    "editorBracketMatch.background": "#3a514d",
+    "editorBracketMatch.border": "#3a514d",
+    "editorGutter.background": "#313336",
+    "editorGutter.addedBackground": "#549159",
+    "editorGutter.modifiedBackground": "#375FAD",
+    "editorGutter.deletedBackground": "#868A91",
+    "editorGutter.foldingControlForeground": "#6F737A",
+    "editorIndentGuide.activeBackground1": "#4b4b4b",
+    "editorIndentGuide.background1": "#353535",
+    "editorLineNumber.activeForeground": "#a4a3a3",
+    "editorLineNumber.foreground": "#606366",
+    "editorUnnecessaryCode.opacity": "#00000066",
+    "editorInlayHint.foreground": "#787878",
+    "editorInlayHint.typeBackground": "#33333300",
+    "editorInlayHint.parameterBackground": "#333333",
+    "editorRuler.foreground": "#3c3c3c",
+
+    "editor.findMatchBackground": "#214283",
+    "editor.findMatchBorder": "#bbbbbb",
+    "editor.findMatchHighlightBackground": "#32593d",
+    "editor.findMatchHighlightBorder": "#3c704b",
+    "editor.findRangeHighlightBackground": "#1e4684",
+    "editor.lineHighlightBackground": "#323232",
+    "editor.selectionBackground": "#214283",
+    "editor.inactiveSelectionBackground": "#1e4684",
+    "editor.selectionHighlightBackground": "#155221",
+    "editor.wordHighlightBackground": "#344134",
+    "editor.wordHighlightStrongBackground": "#40332b",
+
+    "editorWidget.background": "#3b3f41",
+    "editorWidget.foreground": "#bababa",
+    "editorWidget.border": "#323232",
+    "editorWidget.resizeBorder": "#646464",
+    "editorSuggestWidget.background": "#46484a",
+    "editorSuggestWidget.selectedBackground": "#113a5c",
+    "editorSuggestWidget.focusHighlightForeground": "#589df6",
+    "editorSuggestWidget.highlightForeground": "#589df6",
+    "editorHoverWidget.background": "#46484a",
+    "editorHoverWidget.highlightForeground": "#589df6",
+
+    "diffEditor.insertedTextBackground": "#385570",
+    "diffEditor.insertedLineBackground": "#303c47",
+    "diffEditorGutter.insertedLineBackground": "#303c47",
+    "diffEditor.removedTextBackground": "#373737",
+    "diffEditor.removedLineBackground": "#484a4a",
+    "diffEditorGutter.removedLineBackground": "#484a4a",
+
+    "peekView.border": "#292929",
+    "peekViewEditor.background": "#46484a",
+    "peekViewEditor.matchHighlightBackground": "#32593d",
+    "peekViewResult.background": "#3c3f41",
+    "peekViewResult.fileForeground": "#bbbbbb",
+    "peekViewResult.lineForeground": "#bdc0c9",
+    "peekViewResult.matchHighlightBackground": "#32593d",
+    "peekViewResult.selectionBackground": "#2f65ca",
+    "peekViewResult.selectionForeground": "#ffffff",
+    "peekViewTitle.background": "#3c3f41",
+    "peekViewTitleLabel.foreground": "#bbbbbb",
+    "peekViewTitleDescription.foreground": "#787878",
+
+    "merge.currentHeaderBackground": "#447152",
+    "merge.currentContentBackground": "#294436",
+    "merge.incomingHeaderBackground": "#43698d",
+    "merge.incomingContentBackground": "#385570",
+
     "textLink.foreground": "#589DF6",
     "textLink.activeForeground": "#57C7FE",
 
@@ -190,20 +206,7 @@
     "settings.numberInputBorder": "#646464",
     "settings.textInputBackground": "#45494a",
     "settings.textInputForeground": "#bbbbbb",
-    "settings.textInputBorder": "#646464",
-
-    "peekView.border": "#292929",
-    "peekViewEditor.background": "#46484a",
-    "peekViewEditor.matchHighlightBackground": "#32593d",
-    "peekViewResult.background": "#3c3f41",
-    "peekViewResult.fileForeground": "#bbbbbb",
-    "peekViewResult.lineForeground": "#bdc0c9",
-    "peekViewResult.matchHighlightBackground": "#32593d",
-    "peekViewResult.selectionBackground": "#2f65ca",
-    "peekViewResult.selectionForeground": "#ffffff",
-    "peekViewTitle.background": "#3c3f41",
-    "peekViewTitleLabel.foreground": "#bbbbbb",
-    "peekViewTitleDescription.foreground": "#787878"
+    "settings.textInputBorder": "#646464"
   },
   "semanticHighlighting": true,
   "semanticTokenColors": {