Skip to content

Commit

Permalink
Switch VS Code icon theme
Browse files Browse the repository at this point in the history
The currently Material Icon Theme (1) by Mattia Astorino was use
because it provided slick folder icons with customizeable colors and a
large set of file type icons with a flat style and pale/contrast-lowered
colors making it a great match to my Nord (2) theme.
With the latest update the icons were changed to use bright contrast
colors while the folder icons changed in a bad way too.

Therefore I've decided to give the popular Material Icon Theme (3) by
Philipp Kief another try (last time it had the same style like the
current theme after the latest update and way less customization
options). It turned out the theme is more advanced in almost all points
and provided a good UX and style:

- Even larger amount of supported file types
- Multiple theme style accents
- Customizable folder and file icon colors through the `material-icon-theme.saturation` option to reduce the file color contrast and the `material-icon-theme.folders.color` & `material-icon-theme.folders.theme` options for the folders!
- Arrows of folders can be hidden

Overall the theme full fills all my requirements and has therefore been
configured as default.

References:
  (1) https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme-icons
  (2) https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
  (3) https://marketplace.visualstudio.com/items?itemName=arcticicestudio.nord-visual-studio-code

Resolves GH-196
  • Loading branch information
arcticicestudio committed Jun 8, 2019
1 parent d5ac5d0 commit f068287
Show file tree
Hide file tree
Showing 2 changed files with 17 additions and 4 deletions.
18 changes: 16 additions & 2 deletions snowblocks/visual-studio-code/settings.json
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@
"workbench.editor.enablePreviewFromQuickOpen": false,
"workbench.editor.focusRecentEditorAfterClose": false,
"workbench.enableExperiments": false,
"workbench.iconTheme": "eq-material-theme-icons-ocean",
"workbench.iconTheme": "material-icon-theme",
"workbench.quickOpen.preserveInput": true,
"workbench.settings.enableNaturalLanguageSearch": false,
"workbench.sideBar.location": "left",
Expand Down Expand Up @@ -193,12 +193,26 @@
"vscode_custom_css.statusbar": false,
"yaml.format.enable": true,

/*+--- Color Theme ---+*/
"editor.tokenColorCustomizations": {
"[Nord]": {
"textMateRules": []
}
},
"material-icon-theme.activeIconPack": "react",
"material-icon-theme.folders.color": "#616e88",
"material-icon-theme.folders.theme": "classic",
"material-icon-theme.hidesExplorerArrows": true,
"material-icon-theme.saturation": 0.6,
"workbench.colorCustomizations": {
"[Nord]": {}
},

/*+--- Language Scopes ---+*/
"[markdown]": {
"editor.quickSuggestions": false,
"editor.wordWrap": "on"
},

"[mdx]": {
"editor.quickSuggestions": false,
"editor.wordWrap": "on"
Expand Down
3 changes: 1 addition & 2 deletions snowflakes/visual-studio-code/extensions.json
Original file line number Diff line number Diff line change
Expand Up @@ -6,14 +6,13 @@
"drewbourne.vscode-remark-lint",
"dunstontc.viml",
"EditorConfig.EditorConfig",
"Equinusocio.vsc-material-theme-icons",
"esbenp.prettier-vscode",
"fabiospampinato.vscode-projects-plus",
"file-icons.file-icons",
"jpoissonnier.vscode-styled-components",
"mgmcdermott.vscode-language-babel",
"ms-vscode.Go",
"PeterJausovec.vscode-docker",
"pkief.material-icon-theme",
"pnp.polacode",
"Prisma.vscode-graphql",
"redhat.vscode-yaml",
Expand Down

0 comments on commit f068287

Please sign in to comment.