Styx for VSCode

A dark color theme for Visual Studio Code with a full black UI.

Available Variants

Styx - Default variant

Styx+ - Styx syntax highlighting with support for colored brackets

Styx Dracula - Styx UI theme with Dracula's syntax highlighting color scheme

Styx Fleet - Styx UI theme with JetBrain Fleet's syntax highlighting color scheme

Styx Material - Styx UI theme with Material's syntax highlighting color scheme

Styx Monokai - Styx UI theme with Monokai's syntax highlighting color scheme

Styx VSCode - Styx UI theme with VSCode's default (Dark+ V2) syntax highlighting color scheme

Features

Theme Colors (UI)

• Base Colors
• Window border
• Text colors
• Action colors
• Button control
• Dropdown control
• Input control
• Scrollbar control
• Badge
• Lists and trees
• Activity Bar
• Side Bar
• Minimap
• Editor Groups & Tabs
• Editor colors
• Diff editor colors
• Editor widget colors
• Peek view colors
• Merge conflicts colors
• Panel colors
• Status Bar colors
• Title Bar colors
• Notification colors
• Banner colors
• Extensions colors
• Quick picker colors
• Keybinding label colors
• Keyboard shortcut table colors
• Integrated Terminal colors
• Debug colors
• Testing colors
• Welcome page colors
• Source Control colors
• Git colors
• Settings Editor colors
• Breadcrumbs colors
• Snippets colors
• Breadcrumbs colors
• Symbol Icon colors
• Debug Icons colors
• Notebook colors
• Chart colors
• Ports Colors

Syntax Highlighting Support

• Python
• Julia
• C
• C++
• C#
• Java
• Kotlin (Partial)
• JavaScript ( + React, Angular, Vue, etc.)
• TypeScript
• HTML
• XML
• YAML
• CSS ( + Less, Sass, etc.)
• Markdown
• SQL
• Ruby ( + Ruby on Rails)
• PHP
• Perl
• Objective-C
• Assembly (Partial)
• Makefile
• Shell Script
• JSON
• Go
• Clojure
• Others

Appendix

Additional Resources

• Font - JetBrains Mono
• File Icon Theme - Quill Icons
• Product Icon theme - Carbon Product Icons

Installation

3 ways to install the theme extension -

• Theme can be installed from it's Visual Studio Marketplace page - Styx.

• Install the theme from command prompt using this command

ext install styx

• Download the packaged extension from GitHub releases or Visual Studio Marketplace page - Styx, and install using following command

code --install-extension styx-1.4.0.vsix

Inspirations

This theme is inspired from a few great (some are age old at this point, some are new) themes or color schemes. You may want to check them out -

• Dracula Official

• Jetbrains Fleet Theme, JetBrains Fleet

• Material Theme

• Monokai Pro

• VSCode Drak+ v2

• Min Theme

• Panda Theme

• Ancient One Dark

• Moegi Theme

• Lotus Theme