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#E03B55
- activityBar.background#080A1A
- activityBar.foreground#E03B55
- activityBarBadge.background#E03B55
- activityBarBadge.foreground#0A0C22
- badge.background#E03B55
- badge.foreground#0A0C22
- button.background#15193F
- button.foreground#FFFFFF
- button.hoverBackground#262A45
- dropdown.background#090B1E
- dropdown.border#15193F
- dropdown.foreground#C1C5E9
- editor.background#0A0C22
- editor.findMatchBackground#D58A3C80
- editor.findMatchHighlightBackground#D58A3C40
- editor.foreground#C1C5E9
- editor.lineHighlightBackground#15193F80
- editor.lineHighlightBorder#15193FA0
- editor.selectionBackground#E03B5580
- editor.selectionHighlightBackground#E03B5540
- editorBracketMatch.background#E03B5580
- editorBracketMatch.border#E03B55
- editorCursor.foreground#E03B55
- editorGroupHeader.tabsBackground#0A0C22
- editorIndentGuide.activeBackground#40466BBB
- editorIndentGuide.background#262A4566
- editorLineNumber.activeForeground#E03B55
- editorLineNumber.foreground#3B3F5A
- editorWhitespace.foreground#262A45
- focusBorder#E03B55
- gitDecoration.conflictingResourceForeground#D4B84C
- gitDecoration.deletedResourceForeground#E03B55
- gitDecoration.modifiedResourceForeground#D58A3C
- gitDecoration.untrackedResourceForeground#4FCB7C
- input.background#090B1E
- input.border#15193F
- input.foreground#C1C5E9
- input.placeholderForeground#5A607E
- inputOption.activeBorder#E03B55
- list.activeSelectionBackground#15193FA0
- list.activeSelectionForeground#FFFFFF
- list.focusBackground#15193FA0
- list.highlightForeground#E03B55
- list.hoverBackground#15193F66
- minimap.background#0A0C22
- minimapSlider.activeBackground#E03B5566
- minimapSlider.background#E03B5522
- minimapSlider.hoverBackground#E03B5544
- panel.background#0A0C22
- panel.border#15193F
- panelTitle.activeBorder#E03B55
- panelTitle.activeForeground#E03B55
- panelTitle.inactiveForeground#7A80A0
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#E03B5588
- scrollbarSlider.background#262A4566
- scrollbarSlider.hoverBackground#262A45BB
- sideBar.background#090B1E
- sideBar.foreground#9AA0C5
- sideBarSectionHeader.background#080A1A
- sideBarSectionHeader.foreground#E03B55
- sideBarTitle.foreground#E03B55
- statusBar.background#0C0F30
- statusBar.debuggingBackground#E03B55
- statusBar.foreground#C1C5E9
- statusBar.noFolderBackground#080A1A
- statusBarItem.hoverBackground#15193F
- tab.activeBackground#0C0F30
- tab.activeBorder#E03B55
- tab.activeForeground#FFFFFF
- tab.border#0A0C22
- tab.inactiveBackground#090B1E
- tab.inactiveForeground#7A80A0
- terminal.ansiBlue#5C6EBB
- terminal.ansiBrightBlue#8AA9FF
- terminal.ansiBrightCyan#6CDFFF
- terminal.ansiBrightGreen#89FFB2
- terminal.ansiBrightMagenta#D3B4FF
- terminal.ansiBrightRed#FF6F81
- terminal.ansiBrightYellow#FFE06A
- terminal.ansiCyan#39A9C6
- terminal.ansiGreen#4FCB7C
- terminal.ansiMagenta#B48CD9
- terminal.ansiRed#E03B55
- terminal.ansiYellow#D4B84C
- terminal.background#0A0C22
- terminal.foreground#C1C5E9
- titleBar.activeBackground#080A1A
- titleBar.activeForeground#C1C5E9
- titleBar.inactiveBackground#0A0C22
- titleBar.inactiveForeground#7A80A0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5A607E | italic |
| string, string.quoted, string.template | #4FCB7C | — |
| keyword, storage.type, storage.modifier | #E03B55 | bold |
| keyword.operator, punctuation.accessor | #D58A3C | — |
| variable, variable.other | #C1C5E9 | — |
| variable.parameter | #D58A3C | italic |
| entity.name.function, support.function | #5C6EBB | — |
| meta.function-call | #9AA0C5 | — |
| entity.name.class, entity.name.type.class, support.class | #B48CD9 | bold |
| entity.name.type, support.type | #B48CD9 | — |
| entity.name.type.interface | #4FCB7C | italic |
| constant.numeric | #D58A3C | — |
| constant, constant.language, constant.character | #E03B55 | — |
| constant.language.boolean | #E03B55 | bold |
| variable.other.property, support.variable.property | #9AA0C5 | — |
| meta.object-literal.key | #5C6EBB | — |
| entity.name.tag, punctuation.definition.tag | #E03B55 | — |
| entity.other.attribute-name | #B48CD9 | italic |
| punctuation, meta.brace | #D58A3C | — |
| string.regexp | #D58A3C | — |
| constant.character.escape | #4FCB7C | — |
| meta.decorator, punctuation.decorator | #B48CD9 | — |
| invalid, invalid.illegal | #E03B55 | strikethrough |
| markup.heading, entity.name.section | #E03B55 | bold |
| markup.bold | #D58A3C | bold |
| markup.italic | #B48CD9 | italic |
| markup.underline.link | #5C6EBB | — |
| markup.inline.raw, markup.fenced_code | #4FCB7C | — |
| support.type.property-name.json | #5C6EBB | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #D58A3C | — |
| support.type.property-name.css | #5C6EBB | — |
| support.constant.property-value.css | #4FCB7C | — |