dmoena / vslook

Customize your own vscode theme.

Home Page:https://marketplace.visualstudio.com/items?itemName=sudoaugustin.vslook

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

VSLook

What vslook does

πŸ“— Get started

  • Install from marketplace.
  • Choose VSLook from Color Theme.
  • Open Command Palette Ctrl+Shift+P. Search for VSLook: Edit and press Enter.

For styling guide, click here.


🎨 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.

Add color variable

To group your color variables, use a / in their names.

Add color variable

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",
    ...
  },
},

About

Customize your own vscode theme.

https://marketplace.visualstudio.com/items?itemName=sudoaugustin.vslook

License:MIT License


Languages

Language:JavaScript 98.6%Language:CSS 1.4%