https://github.com/estruyf/vscode-theming-devtools

An extension that helps you out with theming in VS Code. It includes a preview of all the CSS variables and their values. If you are a theme or extension developer, this is a great way to check if your theme is working as expected.
https://github.com/estruyf/vscode-theming-devtools

extension theming vscode vscode-extension vscode-theme

Last synced: 10 days ago
JSON representation

An extension that helps you out with theming in VS Code. It includes a preview of all the CSS variables and their values. If you are a theme or extension developer, this is a great way to check if your theme is working as expected.

• Host: GitHub
• URL: https://github.com/estruyf/vscode-theming-devtools
• Owner: estruyf
• License: mit
• Created: 2022-02-04T09:24:37.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-18T19:59:34.000Z (almost 3 years ago)
• Last Synced: 2024-11-10T16:53:04.989Z (2 months ago)
• Topics: extension, theming, vscode, vscode-extension, vscode-theme
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-theming-devtools
• Size: 4.68 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🎨 Theme DevTools for VSCode



  

    

  

  

  

  

  

    

  



An extension that helps you out with theming in VS Code. It includes a preview of all the CSS variables and their values. If you are a theme or extension developer, this is a great way to check if your theme is working as expected.

## ⬛️ Dark theme example



  



## ⬜️ Light theme example



  



### ✨ Features

- Show all CSS variables and their values

- On the fly theme changes

- Filtering of theme properties

- Allow theme comparison with any other theme you got installed

> **Important**: This is limited to the colors defined in the theme. It means that not all colors are provided, but gives you already a good indication of what the theme colors are, and allows you to compare them with other themes.

### 🚀 Usage

1. Install the extension to VS Code

2. Run the `Theming: Open Theme DevTools` command



  



## 🔑 License

[MIT](./LICENSE)