From 36333adb497e7d46c8436dcd13fa536809d8afa0 Mon Sep 17 00:00:00 2001 From: Mattia Astorino Date: Sun, 22 Apr 2018 22:56:26 +0200 Subject: [PATCH] feat: New variants available: Ocean and Ocean High Contrast --- README.md | 10 ++--- extensions/defaults.json | 9 +++-- package.json | 5 +++ src/themes/settings/specific/ocean-hc.json | 47 ++++++++++++++++++++++ src/themes/theme-template-color-theme.json | 2 +- 5 files changed, 64 insertions(+), 9 deletions(-) create mode 100644 src/themes/settings/specific/ocean-hc.json diff --git a/README.md b/README.md index 52a5ac0..bf6b2ee 100644 --- a/README.md +++ b/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*, - macOS `⌘ + Shift + P` - Windows `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*, - macOS `⌘ + Shift + P` - Windows `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 diff --git a/extensions/defaults.json b/extensions/defaults.json index 40a5b51..45dab13 100644 --- a/extensions/defaults.json +++ b/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", diff --git a/package.json b/package.json index 3e3a419..0077f07 100644 --- a/package.json +++ b/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", diff --git a/src/themes/settings/specific/ocean-hc.json b/src/themes/settings/specific/ocean-hc.json new file mode 100644 index 0000000..251b4c2 --- /dev/null +++ b/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" + } + } +} \ No newline at end of file diff --git a/src/themes/theme-template-color-theme.json b/src/themes/theme-template-color-theme.json index e89df01..1d3caea 100644 --- a/src/themes/theme-template-color-theme.json +++ b/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",