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#a32020
- activityBar.background#0b1d3c
- activityBar.foreground#d4af37
- activityBarBadge.background#a32020
- activityBarBadge.foreground#ffffff
- badge.background#a32020
- badge.foreground#ffffff
- button.background#0b1d3c
- button.foreground#d4d4d4
- button.hoverBackground#274785
- dropdown.background#262626
- dropdown.border#0b1d3c
- dropdown.foreground#d4d4d4
- editor.background#1a1a1a
- editor.findMatchBackground#a32020
- editor.findMatchHighlightBackground#d4af37
- editor.foreground#d4d4d4
- editor.lineHighlightBackground#262626
- editor.lineHighlightBorder#8c6b4e
- editor.selectionBackground#33415c
- editor.selectionHighlightBackground#445877
- editorBracketMatch.background#445877
- editorBracketMatch.border#d4af37
- editorCursor.foreground#d4af37
- editorGroupHeader.tabsBackground#141414
- editorIndentGuide.activeBackground#808080
- editorIndentGuide.background#333333
- editorLineNumber.activeForeground#d4af37
- editorLineNumber.foreground#606060
- editorWhitespace.foreground#404040
- focusBorder#d4af37
- gitDecoration.conflictingResourceForeground#c49e70
- gitDecoration.deletedResourceForeground#a32020
- gitDecoration.modifiedResourceForeground#d4af37
- gitDecoration.untrackedResourceForeground#6b8e23
- input.background#262626
- input.border#0b1d3c
- input.foreground#d4d4d4
- input.placeholderForeground#606060
- inputOption.activeBorder#d4af37
- list.activeSelectionBackground#33415c
- list.activeSelectionForeground#d4d4d4
- list.focusBackground#33415c
- list.highlightForeground#d4af37
- list.hoverBackground#262626
- minimap.background#141414
- minimapSlider.activeBackground#808080
- minimapSlider.background#404040
- minimapSlider.hoverBackground#606060
- panel.background#141414
- panel.border#0b1d3c
- panelTitle.activeBorder#d4af37
- panelTitle.activeForeground#d4d4d4
- panelTitle.inactiveForeground#808080
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#808080
- scrollbarSlider.background#404040
- scrollbarSlider.hoverBackground#606060
- sideBar.background#141414
- sideBar.foreground#c0c0c0
- sideBarSectionHeader.background#0b1d3c
- sideBarSectionHeader.foreground#d4d4d4
- sideBarTitle.foreground#d4af37
- statusBar.background#0b1d3c
- statusBar.debuggingBackground#a32020
- statusBar.foreground#d4d4d4
- statusBar.noFolderBackground#141414
- statusBarItem.hoverBackground#8c6b4e
- tab.activeBackground#0b1d3c
- tab.activeBorder#d4af37
- tab.activeForeground#d4d4d4
- tab.border#0b1d3c
- tab.inactiveBackground#141414
- tab.inactiveForeground#808080
- terminal.ansiBlue#0b1d3c
- terminal.ansiBrightBlue#274785
- terminal.ansiBrightCyan#78b9b5
- terminal.ansiBrightGreen#9acd32
- terminal.ansiBrightMagenta#c49e70
- terminal.ansiBrightRed#e04b4b
- terminal.ansiBrightYellow#f2c34b
- terminal.ansiCyan#5f9ea0
- terminal.ansiGreen#6b8e23
- terminal.ansiMagenta#8c6b4e
- terminal.ansiRed#a32020
- terminal.ansiYellow#d4af37
- terminal.background#1a1a1a
- terminal.foreground#d4d4d4
- titleBar.activeBackground#0b1d3c
- titleBar.activeForeground#d4d4d4
- titleBar.inactiveBackground#141414
- titleBar.inactiveForeground#808080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #606060 | italic |
| string, string.quoted, string.template | #d4af37 | — |
| keyword, storage.type, storage.modifier | #a32020 | bold |
| keyword.operator, punctuation.accessor | #c0c0c0 | — |
| variable, variable.other | #c0c0c0 | — |
| variable.parameter | #8c6b4e | italic |
| entity.name.function, support.function | #0b1d3c | — |
| meta.function-call | #274785 | — |
| entity.name.class, entity.name.type.class, support.class | #d4af37 | bold |
| entity.name.type, support.type | #6b8e23 | — |
| entity.name.type.interface | #8c6b4e | italic |
| constant.numeric | #c49e70 | — |
| constant, constant.language, constant.character | #c49e70 | — |
| constant.language.boolean | #a32020 | bold |
| variable.other.property, support.variable.property | #0b1d3c | — |
| meta.object-literal.key | #d4af37 | — |
| entity.name.tag, punctuation.definition.tag | #a32020 | — |
| entity.other.attribute-name | #8c6b4e | italic |
| punctuation, meta.brace | #c0c0c0 | — |
| string.regexp | #6b8e23 | — |
| constant.character.escape | #d4af37 | — |
| meta.decorator, punctuation.decorator | #274785 | — |
| invalid, invalid.illegal | #e04b4b | strikethrough |
| markup.heading, entity.name.section | #d4af37 | bold |
| markup.bold | #d4af37 | bold |
| markup.italic | #c0c0c0 | italic |
| markup.underline.link | #0b1d3c | — |
| markup.inline.raw, markup.fenced_code | #6b8e23 | — |
| support.type.property-name.json | #d4af37 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #0b1d3c | — |
| support.type.property-name.css | #6b8e23 | — |
| support.constant.property-value.css | #d4af37 | — |