Bocchi The Rock Theme
Publisher: Nijika-jiaThemes in package: 8
VS Code theme inspired by Bocchi The Rock!
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.background#FF0000
- activityBar.border#FF000020
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#FFFFFF80
- activityBarBadge.background#FFFFFF
- activityBarBadge.foreground#FF0000
- editor.background#FFFFFF
- editor.findMatchBackground#FF000030
- editor.findMatchHighlightBackground#FF000020
- editor.foreground#000000
- editor.lineHighlightBackground#FF000015
- editor.selectionBackground#FF000025
- editor.selectionHighlightBackground#FF000020
- editor.wordHighlightBackground#F4A5B020
- editor.wordHighlightStrongBackground#F4A5B030
- editorBracketMatch.background#FF000020
- editorBracketMatch.border#A52A2A
- editorCursor.foreground#FF0000
- editorIndentGuide.activeBackground#A52A2A60
- editorIndentGuide.background#A52A2A30
- editorLineNumber.activeForeground#000000
- editorLineNumber.foreground#A52A2A
- editorWhitespace.foreground#A52A2A40
- input.background#FFFFFF
- input.border#FF000040
- input.foreground#000000
- input.placeholderForeground#A52A2A
- list.activeSelectionBackground#FF0000
- list.activeSelectionForeground#FFFFFF
- list.highlightForeground#FF0000
- list.hoverBackground#FF000010
- list.hoverForeground#000000
- list.inactiveSelectionBackground#FF000020
- list.inactiveSelectionForeground#000000
- notificationCenter.border#FF000040
- notifications.background#FFFFFF
- notifications.border#FF000040
- notifications.foreground#000000
- notificationToast.border#FF000040
- panel.background#F8F8F8
- panel.border#FF000020
- panelTitle.activeForeground#FF0000
- panelTitle.inactiveForeground#A52A2A
- scrollbarSlider.activeBackground#FF000060
- scrollbarSlider.background#FF000020
- scrollbarSlider.hoverBackground#FF000040
- sideBar.background#F8F8F8
- sideBar.border#FF000020
- sideBar.foreground#000000
- sideBarSectionHeader.background#FF000020
- sideBarSectionHeader.border#FF000040
- sideBarSectionHeader.foreground#FF0000
- sideBarTitle.foreground#FF0000
- statusBar.background#FF0000
- statusBar.border#FF000040
- statusBar.debuggingBackground#F4A5B0
- statusBar.debuggingForeground#000000
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#A52A2A
- statusBar.noFolderForeground#FFFFFF
- tab.activeBackground#FFFFFF
- tab.activeBorder#FF0000
- tab.activeForeground#FF0000
- tab.hoverBackground#FF000010
- tab.hoverForeground#FF0000
- tab.inactiveBackground#F8F8F8
- tab.inactiveForeground#A52A2A
- titleBar.activeBackground#FF0000
- titleBar.activeForeground#FFFFFF
- titleBar.border#FF000020
- titleBar.inactiveBackground#FF0000CC
- titleBar.inactiveForeground#FFFFFF80
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new | #FF0000 | bold |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.interface, support.type, support.class | #A52A2A | bold |
| entity.name.function, support.function, meta.function-call | #F4A5B0 | — |
| variable, variable.other, variable.parameter, variable.language | #000000 | — |
| constant, constant.language, constant.character, constant.other | #A52A2A | bold |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.numeric.decimal | #A52A2A | — |
| string, string.template, string.quoted | #F4A5B0 | — |
| comment, punctuation.definition.comment | #A52A2A99 | italic |
| keyword.operator, punctuation.definition | #FF0000 | — |
| keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment | #A52A2A | — |
| punctuation, punctuation.definition.block, punctuation.definition.parameters, punctuation.section, meta.brace | #A52A2A | — |
| meta.object-literal.key, variable.object.property, support.type.property-name | #FF0000 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, variable.language.this, variable.language.super | #A52A2A | italic bold |
| variable.parameter | #000000 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #FF0000 | bold |
| entity.name.tag, punctuation.definition.tag | #FF0000 | — |
| entity.other.attribute-name | #A52A2A | italic |