Beautiful Dark Theme
Publisher: YaiphabaThemes in package: 1
A VS Code Theme created in presonal Interest
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#171717
- activityBar.foreground#EAF6FB
- activityBarBadge.background#49cd82e6
- activityBarBadge.foreground#24292f
- editor.background#1d1d1d
- editor.foreground#171717
- editor.inactiveSelectionBackground#70ffa9ae
- editor.lineHighlightBackground#16181b80
- editor.selectionBackground#171717
- editorCursor.foreground#2fa060
- editorGroup.border#171717
- editorIndentGuide.activeBackground1#40b171
- editorIndentGuide.background1#16181b
- editorLineNumber.foreground#f0f0f0
- sideBar.background#171717
- sideBar.foreground#8fbfb0
- statusBar.background#171717
- statusBar.foreground#EAF6FB
- tab.activeBackground#171717
- tab.activeForeground#2a9759
- tab.inactiveBackground#171717
- tab.inactiveForeground#8fbfb0
- titleBar.activeBackground#171717
- titleBar.activeForeground#EAF6FB
- titleBar.inactiveBackground#171717
- titleBar.inactiveForeground#8fbfb0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #70a877 | italic |
| keyword, storage.type | #40b171 | bold |
| variable, meta.definition.variable.name | #EAF6FB | — |
| string, constant.other.symbol | #7DE2D1 | — |
| constant.numeric, number | #d6d6d6 | — |
| entity.name.function, support.function | #40b171 | — |
| entity.name.class, support.class | #7DE2D1 | — |
| punctuation, meta.brace | #eafbee | — |