Theme To CSS
This extension allows you to extract your current VSCode theme's colors settings into a .css file using --vscode-* variables.
Usage
- Open the command palette.
- Run Extract Current Theme as CSS VSCode Vars.
- Save the file where you want.
Example Output
/* Css vars of theme : Visual Studio Dark */
:root {
--vscode-actionBar-toggledBackground: #383a49;
--vscode-activityBarBadge-background: #007acc;
--vscode-checkbox-border: #6b6b6b;
--vscode-editor-background: #1e1e1e;
--vscode-editor-foreground: #d4d4d4;
--vscode-editor-inactiveSelectionBackground: #3a3d41;
--vscode-editor-selectionHighlightBackground: #add6ff26;
...
}
| |