Customize theme for shadcn/ui with tweakcn's interactive editor. Supports Tailwind CSS v4, Shadcn UI, and custom styles. Modify properties, preview changes, and get the code in real time.
Customize theme for shadcn/ui with tweakcn's interactive editor. Supports Tailwind CSS v4, Shadcn UI, and custom styles. Modify properties, preview changes, and get the code in real time.
Using Visual Studio Code for Theme Development - Obsidian Hub - Obsidian Publish
for Theme Designers - Obsidian Hub - Powered by Obsidian Publish.
The Workspaces function in VSCode allows you to have an independent 'profile' for your project allowing it to have it's own set of specific settings, and Extensions that are enable/disabled for it, etc. To create a Workspace in VSCode:
Open your Project's folder by going to File and selecting Open Folder....
Save it by going to File and selecting Save Workspace As....
You can now use the newly created .code-workspace file as a shortcut to your Project's workspace instead of launching VSCode directly. Keep in mind that the .code-workspace file stores the workspace specific settings so keep it somewhere safe. I keep mine in the root folder that stores all of my project repositories. You can always make a shortcut of it on your desktop for more convenient access.I personally like to disable most Extensions globally in VSCode and only enable the ones that are relevant to each Workspace. This helps to reduce the load VSCode puts on your system if you use a lot of different Extensions across your projects.
Create, share and discover new VSCode themes using our visual studio code theme generator based on both color theory and sacred geometry patterns to create aesthesic color themes.