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#000000
- activityBar.border#FF000030
- activityBar.foreground#FF0000
- activityBar.inactiveForeground#A52A2A
- activityBarBadge.background#FF0000
- activityBarBadge.foreground#FFFFFF
- editor.background#1A1A1A
- editor.findMatchBackground#FF000050
- editor.findMatchHighlightBackground#FF000030
- editor.foreground#E6C7A5
- editor.lineHighlightBackground#FF000020
- editor.selectionBackground#FF000040
- editor.selectionHighlightBackground#FF000030
- editor.wordHighlightBackground#F4A5B030
- editor.wordHighlightStrongBackground#F4A5B040
- editorBracketMatch.background#FF000030
- editorBracketMatch.border#F4A5B0
- editorCursor.foreground#FF0000
- editorIndentGuide.activeBackground#A52A2A80
- editorIndentGuide.background#A52A2A40
- editorLineNumber.activeForeground#E6C7A5
- editorLineNumber.foreground#A52A2A
- editorWhitespace.foreground#A52A2A40
- input.background#000000
- input.border#FF000040
- input.foreground#E6C7A5
- input.placeholderForeground#A52A2A
- list.activeSelectionBackground#FF000080
- list.activeSelectionForeground#FFFFFF
- list.highlightForeground#FF0000
- list.hoverBackground#FF000020
- list.hoverForeground#FFFFFF
- list.inactiveSelectionBackground#FF000040
- list.inactiveSelectionForeground#E6C7A5
- notificationCenter.border#FF000060
- notifications.background#000000
- notifications.border#FF000060
- notifications.foreground#E6C7A5
- notificationToast.border#FF000060
- panel.background#000000
- panel.border#FF000030
- panelTitle.activeForeground#FF0000
- panelTitle.inactiveForeground#A52A2A
- scrollbarSlider.activeBackground#FF000080
- scrollbarSlider.background#FF000020
- scrollbarSlider.hoverBackground#FF000040
- sideBar.background#000000
- sideBar.border#FF000030
- sideBar.foreground#E6C7A5
- sideBarSectionHeader.background#FF000040
- sideBarSectionHeader.border#FF000060
- sideBarSectionHeader.foreground#F4A5B0
- sideBarTitle.foreground#F4A5B0
- statusBar.background#FF0000
- statusBar.border#FF000060
- statusBar.debuggingBackground#F4A5B0
- statusBar.debuggingForeground#000000
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#A52A2A
- statusBar.noFolderForeground#FFFFFF
- tab.activeBackground#FF000040
- tab.activeBorderTop#FF0000
- tab.activeForeground#FFFFFF
- tab.hoverBackground#FF000020
- tab.hoverForeground#FFFFFF
- tab.inactiveBackground#00000000
- tab.inactiveForeground#E6C7A5
- titleBar.activeBackground#000000
- titleBar.activeForeground#FF0000
- titleBar.border#FF000030
- titleBar.inactiveBackground#000000CC
- titleBar.inactiveForeground#A52A2A
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 | #F4A5B0 | bold |
| entity.name.function, support.function, meta.function-call | #A52A2A | — |
| variable, variable.other, variable.parameter, variable.language | #E6C7A5 | — |
| constant, constant.language, constant.character, constant.other | #FFFF00 | bold |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.numeric.decimal | #FFFF00 | — |
| 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 | #F4A5B0 | — |
| 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 | #FFFF00 | italic bold |
| variable.parameter | #E6C7A5 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #FF0000 | bold |
| entity.name.tag, punctuation.definition.tag | #FF0000 | — |
| entity.other.attribute-name | #F4A5B0 | italic |