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#010001
- activityBar.foreground#F4A5B0
- activityBar.inactiveForeground#B4698C
- activityBarBadge.background#FE01FE
- activityBarBadge.foreground#F6E9E6
- editor.background#010001
- editor.findMatchBackground#F4A5B050
- editor.findMatchHighlightBackground#F4A5B030
- editor.foreground#F6E9E6
- editor.lineHighlightBackground#F4A5B020
- editor.selectionBackground#F4A5B040
- editor.selectionHighlightBackground#F4A5B030
- editorBracketMatch.background#F4A5B030
- editorBracketMatch.border#FE01FE
- editorIndentGuide.activeBackground#B4698C80
- editorIndentGuide.background#B4698C40
- editorLineNumber.activeForeground#F6E9E6
- editorLineNumber.foreground#B4698C
- sideBar.background#0A0008
- sideBar.foreground#F6E9E6
- sideBarSectionHeader.background#B4698C40
- sideBarSectionHeader.foreground#F6E9E6
- sideBarTitle.foreground#F6E9E6
- statusBar.background#010001
- statusBar.debuggingBackground#FE01FE
- statusBar.foreground#F4A5B0
- statusBar.noFolderBackground#010001
- titleBar.activeBackground#010001
- titleBar.activeForeground#F6E9E6
- titleBar.inactiveBackground#010001CC
- 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 | #F4A5B0 | bold |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.interface, support.type, support.class | #FE01FE | bold |
| entity.name.function, support.function, meta.function-call | #B4698C | — |
| variable, variable.other, variable.parameter, variable.language | #F6E9E6 | — |
| constant, constant.language, constant.character, constant.other | #F4A5B0 | bold |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.numeric.decimal | #FE01FE | — |
| string, string.template, string.quoted | #B4698C | — |
| comment, punctuation.definition.comment | #5C015C | italic |
| keyword.operator, punctuation.definition | #F4A5B0 | — |
| keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment | #FE01FE | — |
| punctuation, punctuation.definition.block, punctuation.definition.parameters, punctuation.section, meta.brace | #B4698C | — |
| meta.object-literal.key, variable.object.property, support.type.property-name | #F4A5B0 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, variable.language.this, variable.language.super | #FE01FE | italic bold |
| variable.parameter | #F6E9E6 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #F4A5B0 | bold |
| entity.name.tag, punctuation.definition.tag | #F4A5B0 | — |
| entity.other.attribute-name | #FE01FE | italic |
| support.type.property-name, support.type.vendored.property-name | #F4A5B0 | — |
| support.constant.property-value, support.constant.vendored.property-value | #B4698C | — |
| markup.heading | #F4A5B0 | bold |
| markup.underline.link, string.other.link | #FE01FE | — |