vscode-explorer-colorizer
🌈 VSCodeのエクスプローラをディレクトリの階層ごとに色分けするカスタムCSS
MIT License
Stars
9
Ecosystems:
JavaScript
VSCode Explorer Colorizer
VSCode CSS
Update (2020/7/18)
mixins.js **Download & Build 3 **
Requirements
- Node.js (>= 12)
Download & Build
git clone https://github.com/yarnaimo/vscode-explorer-colorizer.gitcd vscode-explorer-colorizercp mixins.example.js mixins.jsmixins.js-
yarn buildnpm run build
Install
- Custom CSS and JS Loader
- settings.json
css"workbench.tree.indent": 10, "vscode_custom_css.policy": true, "vscode_custom_css.imports": [ "<css>" ]-
Windows
file:///C:/Users/me/dev/vscode-explorer-colorizer/main.css -
Linux/macOS
file:///Users/me/dev/vscode-explorer-colorizer/main.css
-
Windows
- VSCode (Linux/macOS )
- (Ctrl+Shift+P) Reload Custom CSS and JS
- VSCode ()
settings.json workbench.tree.indent mixins.js indentSize 10px ( 2 )
Override Theme
focus/hover settings.json ()
"workbench.colorCustomizations": {
"list.activeSelectionBackground": "#00000010",
"list.inactiveSelectionBackground": "#00000010",
"list.hoverBackground": "#00000010",
"list.focusBackground": "#00000010"
},