✨ Cosmico Theme ✨ for VS Code
A clean Visual Studio Code theme based in the IDX default theme.
Installation via VS Code
- Open Extensions sidebar panel in VS Code.
View → Extensions
- Search for
Cosmico
- Click Install to install it
- Click Reload to reload the editor
- Code > Preferences > Color Theme > Cosmico
Manual Installation
Read the VSC Extension Quickstart Guide
Color Reference
Syntax Colors
| Color |
Usage |
 #92a9ff |
This keyword, classes, primitives types, numbers, constants |
 #BD9CFE |
Functions, methods, classes, interfaces, types, CSS ids |
 #1991D6 |
HTML tags |
 #7DCFFF |
HTML attributtes, Object literal keys |
 #53D891 |
Strings, CSS class names |
 #FFD395 |
Class properties, CSS units, CSS HTML elements |
 #FD8DA3 |
Control Keywords, Storage Types, Punctuation, Terminal Red |
 #D5DBE2 |
Variables, property names, brackets, pseudo classes & pseudo elements |
 #7F8D9F |
Comments |
UI Colors
| Color |
Usage |
 #10151d |
Editor background |
 #171f2b |
Workbench background |
 #2f3b54 |
Highlight, widgets, panels |
 #333e4f |
Dividers, subtle UI elements |
 #603bce |
Accent, buttons, badges etc |
 #d5dbe2 |
Active text, anything that should be white |
Terminal Colors
| Propiedad |
Color |
 #fafbfe |
Terminal BrightWhite |
 #a4afbd |
Terminal White |
 #8b98a9 |
Terminal BrightBlack |
 #738295 |
Terminal Black |
 #708fff |
Terminal Blue |
 #a2b6ff |
Terminal BrightBlue |
 #17b877 |
Terminal Green |
 #66ce98 |
Terminal BrightGreen |
 #25a6e9 |
Terminal Cyan |
 #71c2ee |
Terminal BrightCyan |
 #f76769 |
Terminal Red |
 #fc8f8e |
Terminal BrightRed |
 #a87ffb |
Terminal Magenta |
 #c8aaff |
Terminal BrightMagenta |
 #ffa23e |
Terminal Yellow |
 #ffc26e |
Terminal BrightYellow |
#c8aaff |
Terminal Cursor |
| |
