Flavia Theme for VS Code
A minimalistic dark theme for VS Code and Sublime Text editors.
Installation via VS Code
- Open Extensions sidebar panel in VS Code.
View → Extensions
- Search for
Flavia
- Click Install to install it
- Click Reload to reload the editor
- Code > Preferences > Color Theme > Flavia
Manual Installation
Read the VSC Extension Quickstart Guide
Icon Theme
The file icon theme seen in the screenshot above is Material Icon Theme with these settings:
"material-icon-theme.folders.color": "#8695b7",
"material-icon-theme.folders.theme": "specific",
"material-icon-theme.hidesExplorerArrows": true,
Color Reference
Syntax Colors
| Color |
Usage |
 #ffa7a6 |
Variables, properties |
 #6ff254 |
Keywords |
 #aa2fbc |
Numbers |
 #ff00a7 |
Classes, constants |
 #009bdb |
Function, methods |
 #ffdf35 |
Strings |
 #00776c |
Operators, special functions |
UI Colors
| Color |
Usage |
 #1b1b27 |
Editor background |
 #101019 |
Highlight, widgets, panels |
 #6679a4 |
Dividers, subtle UI elements |
 #28b95c |
Status bar text, buttons, etc |
 #d7dce2 |
Active text, anything that should be white |
 #ffcc66 |
Accent, list tree titles, badges, etc |
 #bae67e |
Addition highlights |
 #ef6b73 |
Deletion highlights, errors, warnings |
 #5ccfe6 |
Modified highlights |
Theming Reference
VS Code Theme Color Reference
VS Code Theme Documentation
VS Code Publishing Extensions
vsce publish patch/minor/major
| |
