vslook
vslook copied to clipboard
Create custom VSCode themes
VSLook
π Get started
- Install from marketplace.
- Choose VSLook from Color Theme.
- Open Command Palette
Ctrl+Shift+P
. Search for VSLook: Edit and pressEnter
.
For styling guide, click here.
π Export theme
- Open Command Palette
Ctrl+Shift+P
. Search for VSLook: Export and pressEnter
. - Theme will be saved in
$HOME/vslook-theme.json
.
π¨ Clone theme
- Open Command Palette
Ctrl+Shift+P
. Search for VSLook: Clone and pressEnter
. - Choose the theme you want to clone.
- VSLook will copy all the styles from the selected theme.
β οΈNotes:
- This action is not reversible.
- Changing syntax colors with VSLook won't work correctly after cloning a theme.
π¨ Color palettes
VSLook comes with Tailwind
& Material
color palettes.
To change palette
- Go to Settings
Ctrl+,
. - Search for VSLook Palette Type.
- Choose the palette you want to use.
π Color variables
Create color variables from Color Picker. It will merge with color palettes.
To group your color variables, use a /
in their names.
If you wanna set bulk amount of colors, open setting.json
and paste something like this.
"vslook.palette.colors": {
"base":{
"primary":"#111e6c",
"secondary":"#b0dfe5"
},
"pink": {
"100": "#ef4444",
"200": "#ec4899",
...
},
},