feat: Update workbench theme

src/themes/theme-template.yml

@@ -130,11 +130,12 @@ tokenColors:
       foreground: '{{variant.scheme.base.yellow}}'
   - name: CSS Class and Support
     scope:
-      - source.css support.type
+      - source.css support.type.property-name
-      - source.sass support.type
+      - source.sass support.type.property-name
-      - source.scss support.type
+      - source.scss support.type.property-name
-      - source.less support.type
+      - source.less support.type.property-name
-      - source.stylus support.type
+      - source.stylus support.type.property-name
+      - source.postcss support.type.property-name
     settings:
       foreground: '{{variant.scheme.base.paleblue}}'
   - name: 'Sub-methods'
@@ -408,6 +409,7 @@ colors:
   editorBackground: '{{variant.scheme.background}}'
   editorForeground: '{{variant.scheme.foreground}}'
   statusBarBackground: '{{variant.scheme.background}}'
+  statusBarForeground: '{{variant.scheme.comments}}'
   activityBarBackground: '{{variant.scheme.background}}'
   titleBarActiveBackground: '{{variant.scheme.background}}'
   titleBarInactiveBackground: '{{variant.scheme.background}}'
@@ -421,3 +423,5 @@ colors:
   inputBoxBackground: '{{variant.scheme.background}}'
   dropdownBackground: '{{variant.scheme.background}}'
   editorFindWidgetBackground: '{{variant.scheme.background}}'
+  inactiveTabActiveGroupForeground: '{{variant.scheme.comments}}'
+  focusedElementOutline: '{{variant.scheme.background}}'

themes/Material-Theme-Darker.json

@@ -195,11 +195,12 @@
     {
       "name": "CSS Class and Support",
       "scope": [
-        "source.css support.type",
+        "source.css support.type.property-name",
-        "source.sass support.type",
+        "source.sass support.type.property-name",
-        "source.scss support.type",
+        "source.scss support.type.property-name",
-        "source.less support.type",
+        "source.less support.type.property-name",
-        "source.stylus support.type"
+        "source.stylus support.type.property-name",
+        "source.postcss support.type.property-name"
       ],
       "settings": {
         "foreground": "#B2CCD6"
@@ -665,6 +666,7 @@
     "editorBackground": "#212121",
     "editorForeground": "#eeffffff",
     "statusBarBackground": "#212121",
+    "statusBarForeground": "#4A4A4A",
     "activityBarBackground": "#212121",
     "titleBarActiveBackground": "#212121",
     "titleBarInactiveBackground": "#212121",
@@ -677,6 +679,8 @@
     "editorIndentGuides": "#42424270",
     "inputBoxBackground": "#212121",
     "dropdownBackground": "#212121",
-    "editorFindWidgetBackground": "#212121"
+    "editorFindWidgetBackground": "#212121",
+    "inactiveTabActiveGroupForeground": "#4A4A4A",
+    "focusedElementOutline": "#212121"
   }
 }

themes/Material-Theme-Default.json

@@ -195,11 +195,12 @@
     {
       "name": "CSS Class and Support",
       "scope": [
-        "source.css support.type",
+        "source.css support.type.property-name",
-        "source.sass support.type",
+        "source.sass support.type.property-name",
-        "source.scss support.type",
+        "source.scss support.type.property-name",
-        "source.less support.type",
+        "source.less support.type.property-name",
-        "source.stylus support.type"
+        "source.stylus support.type.property-name",
+        "source.postcss support.type.property-name"
       ],
       "settings": {
         "foreground": "#B2CCD6"
@@ -665,6 +666,7 @@
     "editorBackground": "#263238",
     "editorForeground": "#eeffff",
     "statusBarBackground": "#263238",
+    "statusBarForeground": "#546E7A",
     "activityBarBackground": "#263238",
     "titleBarActiveBackground": "#263238",
     "titleBarInactiveBackground": "#263238",
@@ -677,6 +679,8 @@
     "editorIndentGuides": "#37474F80",
     "inputBoxBackground": "#263238",
     "dropdownBackground": "#263238",
-    "editorFindWidgetBackground": "#263238"
+    "editorFindWidgetBackground": "#263238",
+    "inactiveTabActiveGroupForeground": "#546E7A",
+    "focusedElementOutline": "#263238"
   }
 }

themes/Material-Theme-Lighter.json

@@ -195,11 +195,12 @@
     {
       "name": "CSS Class and Support",
       "scope": [
-        "source.css support.type",
+        "source.css support.type.property-name",
-        "source.sass support.type",
+        "source.sass support.type.property-name",
-        "source.scss support.type",
+        "source.scss support.type.property-name",
-        "source.less support.type",
+        "source.less support.type.property-name",
-        "source.stylus support.type"
+        "source.stylus support.type.property-name",
+        "source.postcss support.type.property-name"
       ],
       "settings": {
         "foreground": "#8796B0"
@@ -665,6 +666,7 @@
     "editorBackground": "#FAFAFA",
     "editorForeground": "#80CBC4",
     "statusBarBackground": "#FAFAFA",
+    "statusBarForeground": "#CCD7DA",
     "activityBarBackground": "#FAFAFA",
     "titleBarActiveBackground": "#FAFAFA",
     "titleBarInactiveBackground": "#FAFAFA",
@@ -677,6 +679,8 @@
     "editorIndentGuides": "#B0BEC570",
     "inputBoxBackground": "#FAFAFA",
     "dropdownBackground": "#FAFAFA",
-    "editorFindWidgetBackground": "#FAFAFA"
+    "editorFindWidgetBackground": "#FAFAFA",
+    "inactiveTabActiveGroupForeground": "#CCD7DA",
+    "focusedElementOutline": "#FAFAFA"
   }
 }

themes/Material-Theme-Palenight.json

@@ -195,11 +195,12 @@
     {
       "name": "CSS Class and Support",
       "scope": [
-        "source.css support.type",
+        "source.css support.type.property-name",
-        "source.sass support.type",
+        "source.sass support.type.property-name",
-        "source.scss support.type",
+        "source.scss support.type.property-name",
-        "source.less support.type",
+        "source.less support.type.property-name",
-        "source.stylus support.type"
+        "source.stylus support.type.property-name",
+        "source.postcss support.type.property-name"
       ],
       "settings": {
         "foreground": "#B2CCD6"
@@ -665,6 +666,7 @@
     "editorBackground": "#292D3E",
     "editorForeground": "#959DCB",
     "statusBarBackground": "#292D3E",
+    "statusBarForeground": "#676E95",
     "activityBarBackground": "#292D3E",
     "titleBarActiveBackground": "#292D3E",
     "titleBarInactiveBackground": "#292D3E",
@@ -677,6 +679,8 @@
     "editorIndentGuides": "#4E557980",
     "inputBoxBackground": "#292D3E",
     "dropdownBackground": "#292D3E",
-    "editorFindWidgetBackground": "#292D3E"
+    "editorFindWidgetBackground": "#292D3E",
+    "inactiveTabActiveGroupForeground": "#676E95",
+    "focusedElementOutline": "#292D3E"
   }
 }