Umbra Black
OLED black + gray chrome with a JetBrains Islands–inspired JS/TS syntax palette.
Features
- Umbra Black — monochrome UI; colored syntax for JS, TS, JSX, TSX
- Umbra Black Icons — file & folder icons from Symbols
- Umbra Black Product Icons — activity bar and UI icons matched to Symbols shapes (document, git, puzzle, gear, globe, shell)
Surfaces
| Surface |
Color |
| Background |
#000000 |
| Chrome |
#0A0A0A |
| Panel |
#111111 |
| Elevated |
#161616 |
| Text |
#F0F0F0 |
| Muted |
#8A8A8A |
Syntax (JS / TS)
| Token |
Color |
| Keywords |
#CF8E6D |
| Strings / templates |
#6AAB73 |
| Numbers |
#2AACB8 |
| Functions / methods |
#56A8F5 |
| Properties / object keys |
#C77DBB |
| Interfaces / generics |
#16BAAC |
| JSX components |
#2FBAA3 |
| Comments |
#7A7E85 |
Usage
- Install Umbra Black from the Marketplace
Preferences: Color Theme → Umbra Black- Optional:
File Icon Theme → Umbra Black Icons
- Optional:
Product Icon Theme → Umbra Black Product Icons
Credits
- File icons: Symbols by Miguel Solorio (MIT)
- Product icons: original outline set matching Symbols’ 24×24 / 2px stroke language
License
MIT
| |
