feat: New variants available: Ocean and Ocean High Contrast

This commit is contained in:
Mattia Astorino 2018-04-22 22:56:26 +02:00
parent 014b76db5d
commit 36333adb49
No known key found for this signature in database
GPG key ID: 7BE552533AB6D4E2
5 changed files with 64 additions and 9 deletions

View file

@ -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

View file

@ -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",

View file

@ -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",

View file

@ -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"
}
}
}

View file

@ -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",