Cassidy Dark Theme

Cassidy Dark is a clean, modern Visual Studio Code theme initially inspired by the Monokai color palette.

The theme was designed with pure shades of gray for the workbench, so the syntax color highlighting pops with no bias towards any single color.

CSS Nesting & @container Syntax Highlighting Is Now Available

I published another free VSCode extension that brings colorizing of CSS nesting and @container to VSCode.

You can search the Extension marketplace for CSS Nesting Syntax Highlighting to find it or install it directly from the CSS Nesting Syntax Highlighting Marketplace page.

The Cassidy Dark Theme Includes Missing CSS & SCSS Syntax Highlighting Grammar

Since VSCode does not often update syntax grammar, the Cassidy Dark theme updates the CSS and SCSS grammar to include syntax highlighting for modern features.

When possible, these updates will be pushed and merged into the official vscode-css repo and then removed from here.

Added tokens:

• , comma token for SCSS.
• >>, >, +, ~ keyword operator combinator tokens for SCSS.
• content, cursor, filter, font, and mask property names tokens for SCSS.

Merged tokens:

• The :is() and :where() tokens are now merged into the official version of Visual Studio Code.
• The auto-fit and auto-fill property value tokens for the CSS repeat() function are now merged into the official version of Visual Studio Code.

Installation

Search for Cassidy Dark Theme in the Visual Studio Code's Extensions Marketplace or click the install button on the Cassidy Dark Theme Marketplace page.

You can also manually install the theme by cloning the github repository into ~/.vscode/extensions and restarting the VSCode editor.

What's New?

View the Changelog

Issues?

If you come across any issues, please feel free to report them here.