feat: New variants available: Ocean and Ocean High Contrast
This commit is contained in:
parent
014b76db5d
commit
36333adb49
5 changed files with 64 additions and 9 deletions
10
README.md
10
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
|
||||
|
||||
|
|
|
@ -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",
|
||||
|
|
|
@ -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",
|
||||
|
|
47
src/themes/settings/specific/ocean-hc.json
Normal file
47
src/themes/settings/specific/ocean-hc.json
Normal 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"
|
||||
}
|
||||
}
|
||||
}
|
|
@ -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",
|
||||
|
|
Loading…
Reference in a new issue