feat: New variants available: Ocean and Ocean High Contrast

README.md

@@ -17,7 +17,7 @@ The most epic theme meets Visual Studio Code. You can help by reporting issues [
             - [Packaged VSIX Extension](#packaged-vsix-extension)
                 - [GitHub Repository Clone](#github-repository-clone)
     - [Activate theme](#activate-theme)
-    - [Activate File Icons](#activate-file-icons)
+    - [Fix File Icons](#fix-file-icons)
     - [Set the accent color](#set-the-accent-color)
     - [Override theme colors](#override-theme-colors)
 - [Recommended settings for a better experience](#recommended-settings-for-a-better-experience)
@@ -90,11 +90,11 @@ Launch *Quick Open*,
   - <img src="https://developer.apple.com/favicon.ico" width=16 height=16/> <a href="https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf">macOS</a> `⌘ + Shift + P`
   - <img src="https://www.microsoft.com/favicon.ico" width=16 height=16/> <a href="https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf">Windows</a> `Ctrl + Shift + P`
 
-Type `theme` and choose `Preferences: Color Theme`, then select Material Theme from the list.
+Type `theme` and choose `Preferences: Color Theme`, then select one of the Material Theme variant from the list. After the activation the theme will set the correct icons theme for you, based on your picked theme variant.
 
-This theme provides different color variants, to change the active theme variant type `Material Theme` and choose `Material Theme: Settings`, then select `Change color variant` and pick one theme from the list.
+## Fix File Icons
 
-## Activate File Icons
+If you notice that the folder icons does not match the material theme active variant you can fix it with just a command.
 
 Launch *Quick Open*,
 
@@ -102,7 +102,7 @@ Launch *Quick Open*,
   - <img src="https://developer.apple.com/favicon.ico" width=16 height=16/> <a href="https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf">macOS</a> `⌘ + Shift + P`
   - <img src="https://www.microsoft.com/favicon.ico" width=16 height=16/> <a href="https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf">Windows</a> `Ctrl + Shift + P`
 
-type `icon theme` and select `Material Theme Icons` from the drop-down menu.
+type `material theme` and select `Material Theme: Settings` from the drop-down menu. Here you will find the `Fix file icons` command that will set the correct icons theme based on your active material theme variant.
 
 ## Set the accent color
 

extensions/defaults.json

@@ -154,7 +154,8 @@
     "Light High Contrast": "./themes/Material-Theme-Lighter-High-Contrast.json",
     "Palenight": "./themes/Material-Theme-Palenight.json",
     "Palenight High Contrast": "./themes/Material-Theme-Palenight-High-Contrast.json",
-    "Ocean": "./themes/Material-Theme-Ocean.json"
+    "Ocean": "./themes/Material-Theme-Ocean.json",
+    "Ocean High Contrast": "./themes/Material-Theme-Ocean-High-Contrast.json"
   },
   "themeVariantsColours": {
     "Darker": "#424242",
@@ -165,7 +166,8 @@
     "Light High Contrast": "#90A4AE",
     "Palenight": "#4E5579",
     "Palenight High Contrast": "#4E5579",
-    "Ocean": "#474C60"
+    "Ocean": "#474C60",
+    "Ocean High Contrast": "#474C60"
   },
   "themeVariantsUITheme": {
     "Darker": "vs-dark",
@@ -176,7 +178,8 @@
     "Light High Contrast": "vs",
     "Palenight": "vs-dark",
     "Palenight High Contrast": "vs-dark",
-    "Ocean": "vs-dark"
+    "Ocean": "vs-dark",
+    "Ocean High Contrast": "vs-dark"
   },
   "variantsIcons": [
     "_folder_dark_build",

package.json

@@ -102,6 +102,11 @@
         "path": "./themes/Material-Theme-Ocean.json",
         "uiTheme": "vs-dark"
       },
+      {
+        "label": "Material Theme Ocean High Contrast",
+        "path": "./themes/Material-Theme-Ocean-High-Contrast.json",
+        "uiTheme": "vs-dark"
+      },
       {
         "label": "Material Theme Lighter",
         "path": "./themes/Material-Theme-Lighter.json",

src/themes/settings/specific/ocean-hc.json

@@ -0,0 +1,47 @@
+{
+  "id": "material.theme.ocean.hc",
+  "name": "Material-Theme-Ocean-High-Contrast",
+  "type": "dark",
+  "scheme": {
+    "background": "#0F111A",
+    "backgroundAlt": "#090B10",
+    "contrastBorder": "#000000",
+    "comments": "#3B3F51",
+    "caret": "#FFCC00",
+    "findHighlight": "#FFCC00",
+    "foreground": "#80869E",
+    "focusBorder": "#FFFFFF",
+    "guides": "#3B3F5150",
+    "lineNumbers": "#3B3F5180",
+    "invisibles": "#80869E50",
+    "lineHighlight": "#000000",
+    "selection": "#717CB450",
+    "shadow": "#00000030",
+    "inputBackground": "#FFFFFF05",
+    "inputForeground": "#EEFFFF",
+    "inputBorder": "#FFFFFF10",
+    "scrollbars": "#00000050",
+    "scrollbarsHover": "#00000030",
+    "statusbarForeground": "#4B526D",
+    "sidebarBackground": "#292D3E",
+    "sidebarForeground": "#4B526D",
+    "listHoverForeground": "#FFFFFF",
+    "listHoverBackground": "#292D3E",
+    "tabActiveForeground": "#FFFFFF",
+    "base": {
+      "white": "#ffffff",
+      "black": "#000000",
+      "red": "#FF5370",
+      "orange": "#F78C6C",
+      "yellow": "#FFCB6B",
+      "green": "#C3E88D",
+      "cyan": "#89DDFF",
+      "blue": "#82AAFF",
+      "paleblue": "#B2CCD6",
+      "purple": "#C792EA",
+      "brown": "#C17E70",
+      "pink": "#f07178",
+      "violet": "#bb80b3"
+    }
+  }
+}

src/themes/theme-template-color-theme.json

@@ -786,7 +786,7 @@
     "editorSuggestWidget.border": "{{variant.scheme.inputBorder}}",
     "editorError.foreground": "{{variant.scheme.base.red}}70",
     "editorWarning.foreground": "{{variant.scheme.base.green}}70",
-    "editorWidget.background": "{{variant.scheme.background}}",
+    "editorWidget.background": "{{variant.scheme.backgroundAlt}}",
     "editorMarkerNavigation.background": "{{variant.scheme.foreground}}05",
     "widget.shadow": "{{variant.scheme.shadow}}",
     "panel.border": "{{variant.scheme.contrastBorder}}60",