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#F4A5B0
- activityBar.foreground#010001
- activityBar.inactiveForeground#B4698C
- activityBarBadge.background#5C015C
- activityBarBadge.foreground#F6E9E6
- editor.background#F6E9E6
- editor.findMatchBackground#F4A5B050
- editor.findMatchHighlightBackground#F4A5B030
- editor.foreground#010001
- editor.lineHighlightBackground#F4A5B020
- editor.selectionBackground#F4A5B040
- editor.selectionHighlightBackground#F4A5B030
- editorBracketMatch.background#F4A5B030
- editorBracketMatch.border#5C015C
- editorIndentGuide.activeBackground#B4698C80
- editorIndentGuide.background#B4698C40
- editorLineNumber.activeForeground#010001
- editorLineNumber.foreground#B4698C
- list.activeSelectionBackground#F4A5B0
- list.activeSelectionForeground#010001
- list.highlightForeground#5C015C
- list.hoverBackground#F4A5B020
- list.inactiveSelectionBackground#F4A5B050
- sideBar.background#FDF6F7
- sideBar.foreground#010001
- sideBarSectionHeader.background#F4A5B030
- sideBarSectionHeader.foreground#010001
- sideBarTitle.foreground#010001
- statusBar.background#F4A5B0
- statusBar.debuggingBackground#5C015C
- statusBar.foreground#010001
- statusBar.noFolderBackground#F4A5B0
- tab.activeBackground#F6E9E6
- tab.activeBorderTop#5C015C
- tab.activeForeground#010001
- tab.hoverBackground#F4A5B020
- tab.inactiveBackground#FDF6F7
- tab.inactiveForeground#B4698C
- titleBar.activeBackground#F4A5B0
- titleBar.activeForeground#010001
- titleBar.inactiveBackground#F4A5B0CC
- titleBar.inactiveForeground#B4698C
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new | #5C015C | bold |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.interface, support.type, support.class | #B4698C | bold |
| entity.name.function, support.function, meta.function-call | #5C015C | — |
| variable, variable.other, variable.parameter, variable.language | #010001 | — |
| constant, constant.language, constant.character, constant.other | #5C015C | bold |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.numeric.decimal | #B4698C | — |
| string, string.template, string.quoted | #B4698C | — |
| comment, punctuation.definition.comment | #A8969299 | italic |
| keyword.operator, punctuation.definition | #5C015C | — |
| keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment | #B4698C | — |
| punctuation, punctuation.definition.block, punctuation.definition.parameters, punctuation.section, meta.brace | #B4698C | — |
| meta.object-literal.key, variable.object.property, support.type.property-name | #5C015C | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, variable.language.this, variable.language.super | #B4698C | italic bold |
| variable.parameter | #010001 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #5C015C | bold |
| entity.name.tag, punctuation.definition.tag | #5C015C | — |
| entity.other.attribute-name | #B4698C | italic |
| support.type.property-name, support.type.vendored.property-name | #5C015C | — |
| support.constant.property-value, support.constant.vendored.property-value | #B4698C | — |
| markup.heading | #5C015C | bold |
| markup.underline.link, string.other.link | #B4698C | — |