feat: Improve workbench theme

src/themes/settings/specific/palenight.json

@@ -6,7 +6,7 @@
     "comments": "#676E95",
     "caret": "#FFCC00",
     "findHighlight": "#F8E71C",
-    "foreground": "#EEFFFF",
+    "foreground": "#A6ACCD",
     "focusBorder": "#FFFFFF00",
     "guides": "#4E557980",
     "lineNumbers": "#3A3F58",

src/themes/theme-template.yml

@@ -430,6 +430,7 @@ colors:
   # Tabs
   tab.inactiveBackground: '{{variant.scheme.background}}'
   tab.inactiveForeground: '{{variant.scheme.comments}}'
+  tab.border: '{{variant.scheme.background}}'
 
   # Status bar
   statusBar.background: '{{variant.scheme.background}}'
@@ -478,4 +479,18 @@ colors:
   scrollbarSlider.hoverBackground: '{{variant.scheme.scrollbarsHover}}'
   scrollbarSlider.activeBackground: '{{variant.scheme.accents.teal}}'
 
-  # Peekview
+  # Autocomplete / Suggest
+  editorSuggestWidget.background: '{{variant.scheme.background}}'
+  editorSuggestWidget.foreground: '{{variant.scheme.foreground}}'
+  editorSuggestWidget.highlightForeground: '{{variant.scheme.accents.teal}}'
+  editorSuggestWidget.selectedBackground: '{{variant.scheme.lineHighlight}}'
+  editorSuggestWidget.border: '{{variant.scheme.inputBorder}}'
+
+  # Badge
+  activityBarBadge.background: '{{variant.scheme.accents.teal}}'
+  activityBarBadge.foreground: '{{variant.scheme.base.black}}'
+
+  # Buttons
+  #button.background: '{{variant.scheme.accents.teal}}'
+  #button.foreground: '{{variant.scheme.base.black}}'
+  #button.hoverBackground: '{{variant.scheme.accents.teal}}'

themes/Material-Theme-Darker.json

@@ -678,6 +678,7 @@
     "editorGroup.border": "#00000030",
     "tab.inactiveBackground": "#212121",
     "tab.inactiveForeground": "#4A4A4A",
+    "tab.border": "#212121",
     "statusBar.background": "#212121",
     "statusBar.foreground": "#4A4A4A",
     "activityBar.background": "#212121",
@@ -708,6 +709,16 @@
     "terminal.ansiYellow": "#FFCB6B",
     "scrollbarSlider.background": "#00000050",
     "scrollbarSlider.hoverBackground": "#00000030",
-    "scrollbarSlider.activeBackground": "#80CBC4"
+    "scrollbarSlider.activeBackground": "#80CBC4",
+    "editorSuggestWidget.background": "#212121",
+    "editorSuggestWidget.foreground": "#EEFFFF",
+    "editorSuggestWidget.highlightForeground": "#80CBC4",
+    "editorSuggestWidget.selectedBackground": "#00000050",
+    "editorSuggestWidget.border": "#FFFFFF10",
+    "activityBarBadge.background": "#80CBC4",
+    "activityBarBadge.foreground": "#000000",
+    "button.background": "#80CBC4",
+    "button.foreground": "#000000",
+    "button.hoverBackground": "#80CBC4"
   }
 }

themes/Material-Theme-Default.json

@@ -678,6 +678,7 @@
     "editorGroup.border": "#00000030",
     "tab.inactiveBackground": "#263238",
     "tab.inactiveForeground": "#546E7A",
+    "tab.border": "#263238",
     "statusBar.background": "#263238",
     "statusBar.foreground": "#546E7A",
     "activityBar.background": "#263238",
@@ -708,6 +709,16 @@
     "terminal.ansiYellow": "#FFCB6B",
     "scrollbarSlider.background": "#00000050",
     "scrollbarSlider.hoverBackground": "#00000030",
-    "scrollbarSlider.activeBackground": "#80CBC4"
+    "scrollbarSlider.activeBackground": "#80CBC4",
+    "editorSuggestWidget.background": "#263238",
+    "editorSuggestWidget.foreground": "#EEFFFF",
+    "editorSuggestWidget.highlightForeground": "#80CBC4",
+    "editorSuggestWidget.selectedBackground": "#00000050",
+    "editorSuggestWidget.border": "#FFFFFF10",
+    "activityBarBadge.background": "#80CBC4",
+    "activityBarBadge.foreground": "#000000",
+    "button.background": "#80CBC4",
+    "button.foreground": "#000000",
+    "button.hoverBackground": "#80CBC4"
   }
 }

themes/Material-Theme-Lighter.json

@@ -678,6 +678,7 @@
     "editorGroup.border": "#00000030",
     "tab.inactiveBackground": "#FAFAFA",
     "tab.inactiveForeground": "#CCD7DA",
+    "tab.border": "#FAFAFA",
     "statusBar.background": "#FAFAFA",
     "statusBar.foreground": "#CCD7DA",
     "activityBar.background": "#FAFAFA",
@@ -708,6 +709,16 @@
     "terminal.ansiYellow": "#FFB62C",
     "scrollbarSlider.background": "#00000050",
     "scrollbarSlider.hoverBackground": "#00000030",
-    "scrollbarSlider.activeBackground": "#80CBC4"
+    "scrollbarSlider.activeBackground": "#80CBC4",
+    "editorSuggestWidget.background": "#FAFAFA",
+    "editorSuggestWidget.foreground": "#90A4AE",
+    "editorSuggestWidget.highlightForeground": "#80CBC4",
+    "editorSuggestWidget.selectedBackground": "#90A4AE20",
+    "editorSuggestWidget.border": "#00000010",
+    "activityBarBadge.background": "#80CBC4",
+    "activityBarBadge.foreground": "#000000",
+    "button.background": "#80CBC4",
+    "button.foreground": "#000000",
+    "button.hoverBackground": "#80CBC4"
   }
 }

themes/Material-Theme-Palenight.json

@@ -25,7 +25,7 @@
         "string constant.other.placeholder"
       ],
       "settings": {
-        "foreground": "#EEFFFF"
+        "foreground": "#A6ACCD"
       }
     },
     {
@@ -450,7 +450,7 @@
         "punctuation.definition.list_item.markdown"
       ],
       "settings": {
-        "foreground": "#EEFFFF"
+        "foreground": "#A6ACCD"
       }
     },
     {
@@ -629,7 +629,7 @@
         "punctuation.section.class.end"
       ],
       "settings": {
-        "foreground": "#EEFFFF"
+        "foreground": "#A6ACCD"
       }
     },
     {
@@ -658,7 +658,7 @@
         "markup.table"
       ],
       "settings": {
-        "foreground": "#EEFFFF"
+        "foreground": "#A6ACCD"
       }
     }
   ],
@@ -668,7 +668,7 @@
     "scrollbar.shadow": "#00000050",
     "widget.shadow": "#00000050",
     "editor.background": "#292D3E",
-    "editor.foreground": "#EEFFFF",
+    "editor.foreground": "#A6ACCD",
     "editorLineNumber.foreground": "#3A3F58",
     "editor.lineHighlightBackground": "#00000030",
     "editor.selectionBackground": "#717CB440",
@@ -678,16 +678,17 @@
     "editorGroup.border": "#00000050",
     "tab.inactiveBackground": "#292D3E",
     "tab.inactiveForeground": "#676E95",
+    "tab.border": "#292D3E",
     "statusBar.background": "#292D3E",
     "statusBar.foreground": "#676E95",
     "activityBar.background": "#292D3E",
-    "activityBar.foreground": "#EEFFFF",
+    "activityBar.foreground": "#A6ACCD",
     "titleBar.activeBackground": "#292D3E",
     "titleBar.activeForeground": "#676E95",
     "titleBar.inactiveBackground": "#292D3E",
     "titleBar.inactiveForeground": "#676E95",
     "sideBar.background": "#292D3E",
-    "sideBarTitle.foreground": "#EEFFFF",
+    "sideBarTitle.foreground": "#A6ACCD",
     "dropdown.background": "#292D3E",
     "input.background": "#FFFFFF05",
     "input.foreground": "#EEFFFF",
@@ -708,6 +709,16 @@
     "terminal.ansiYellow": "#FFCB6B",
     "scrollbarSlider.background": "#00000050",
     "scrollbarSlider.hoverBackground": "#00000030",
-    "scrollbarSlider.activeBackground": "#80CBC4"
+    "scrollbarSlider.activeBackground": "#80CBC4",
+    "editorSuggestWidget.background": "#292D3E",
+    "editorSuggestWidget.foreground": "#A6ACCD",
+    "editorSuggestWidget.highlightForeground": "#80CBC4",
+    "editorSuggestWidget.selectedBackground": "#00000030",
+    "editorSuggestWidget.border": "#FFFFFF10",
+    "activityBarBadge.background": "#80CBC4",
+    "activityBarBadge.foreground": "#000000",
+    "button.background": "#80CBC4",
+    "button.foreground": "#000000",
+    "button.hoverBackground": "#80CBC4"
   }
 }