themesmith
Publisher: CyberBoostThemes in package: 583
Handcrafted VS Code themes + live theme generator + community gallery. Create, preview, and share themes!
Color themes
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.activeBorder#4fc3f7
- activityBar.background#0d152f
- activityBar.foreground#ffb300
- activityBarBadge.background#ffb300
- activityBarBadge.foreground#0b1020
- badge.background#ffb300
- badge.foreground#0b1020
- button.background#10193c
- button.foreground#ffffff
- button.hoverBackground#1a243f
- dropdown.background#0d152f
- dropdown.border#10193c
- dropdown.foreground#e0e0e0
- editor.background#0b1020
- editor.findMatchBackground#ffb30044
- editor.findMatchHighlightBackground#ffb30022
- editor.foreground#e0e0e0
- editor.lineHighlightBackground#1a243f80
- editor.lineHighlightBorder#1a243f
- editor.selectionBackground#4fc3f720
- editor.selectionHighlightBackground#4fc3f710
- editorBracketMatch.background#ffb30020
- editorBracketMatch.border#ffb300
- editorCursor.foreground#ffb300
- editorGroupHeader.tabsBackground#0b1020
- editorIndentGuide.activeBackground#555577
- editorIndentGuide.background#333344
- editorLineNumber.activeForeground#ffb300
- editorLineNumber.foreground#555555
- editorWhitespace.foreground#444444
- focusBorder#ffb300
- gitDecoration.conflictingResourceForeground#4fc3f7
- gitDecoration.deletedResourceForeground#ffb300
- gitDecoration.modifiedResourceForeground#4fc3f7
- gitDecoration.untrackedResourceForeground#81c784
- input.background#0d152f
- input.border#10193c
- input.foreground#e0e0e0
- input.placeholderForeground#777777
- inputOption.activeBorder#ffb300
- list.activeSelectionBackground#1a243f
- list.activeSelectionForeground#ffffff
- list.focusBackground#1a243f
- list.highlightForeground#ffb300
- list.hoverBackground#1a243f66
- minimap.background#0b1020
- minimapSlider.activeBackground#ffb30066
- minimapSlider.background#ffb30022
- minimapSlider.hoverBackground#ffb30044
- panel.background#0b1020
- panel.border#10193c
- panelTitle.activeBorder#ffb300
- panelTitle.activeForeground#ffb300
- panelTitle.inactiveForeground#a0a0a0
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#ffb30088
- scrollbarSlider.background#44444444
- scrollbarSlider.hoverBackground#44444488
- sideBar.background#0d152f
- sideBar.foreground#c0c0c0
- sideBarSectionHeader.background#10193c
- sideBarSectionHeader.foreground#ffb300
- sideBarTitle.foreground#ffb300
- statusBar.background#10193c
- statusBar.debuggingBackground#ffb300
- statusBar.foreground#e0e0e0
- statusBar.noFolderBackground#10193c
- statusBarItem.hoverBackground#1a243f
- tab.activeBackground#10193c
- tab.activeBorder#ffb300
- tab.activeForeground#ffffff
- tab.border#0b1020
- tab.inactiveBackground#0d152f
- tab.inactiveForeground#a0a0a0
- terminal.ansiBlue#4fc3f7
- terminal.ansiBrightBlue#81d4fa
- terminal.ansiBrightCyan#b2ebf2
- terminal.ansiBrightGreen#a5d6a7
- terminal.ansiBrightMagenta#ce93d8
- terminal.ansiBrightRed#ff8a80
- terminal.ansiBrightYellow#ffecb3
- terminal.ansiCyan#80deea
- terminal.ansiGreen#81c784
- terminal.ansiMagenta#ba68c8
- terminal.ansiRed#ff6e6e
- terminal.ansiYellow#ffd54f
- terminal.background#0b1020
- terminal.foreground#e0e0e0
- titleBar.activeBackground#0d152f
- titleBar.activeForeground#e0e0e0
- titleBar.inactiveBackground#0b1020
- titleBar.inactiveForeground#a0a0a0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5a5a5a | italic |
| string, string.quoted, string.template | #79c0ff | — |
| keyword, storage.type, storage.modifier | #ffb300 | bold |
| keyword.operator, punctuation.accessor | #4fc3f7 | — |
| variable, variable.other | #e0e0e0 | — |
| variable.parameter | #4fc3f7 | italic |
| entity.name.function, support.function | #4fc3f7 | — |
| meta.function-call | #e0e0e0 | — |
| entity.name.class, entity.name.type.class, support.class | #ffb300 | bold |
| entity.name.type, support.type | #4fc3f7 | — |
| entity.name.type.interface | #79c0ff | italic |
| constant.numeric | #4fc3f7 | — |
| constant, constant.language, constant.character | #4fc3f7 | — |
| constant.language.boolean | #ffb300 | bold |
| variable.other.property, support.variable.property | #e0e0e0 | — |
| meta.object-literal.key | #4fc3f7 | — |
| entity.name.tag, punctuation.definition.tag | #ffb300 | — |
| entity.other.attribute-name | #79c0ff | italic |
| punctuation, meta.brace | #4fc3f7 | — |
| string.regexp | #ffb300 | — |
| constant.character.escape | #79c0ff | — |
| meta.decorator, punctuation.decorator | #4fc3f7 | — |
| invalid, invalid.illegal | #ff6e6e | strikethrough |
| markup.heading, entity.name.section | #ffb300 | bold |
| markup.bold | #4fc3f7 | bold |
| markup.italic | #79c0ff | italic |
| markup.underline.link | #79c0ff | — |
| markup.inline.raw, markup.fenced_code | #79c0ff | — |
| support.type.property-name.json | #4fc3f7 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #4fc3f7 | — |
| support.type.property-name.css | #ffb300 | — |
| support.constant.property-value.css | #79c0ff | — |