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#000202
- activityBar.foreground#035555
- activityBar.inactiveForeground#375B9D
- activityBarBadge.background#035555
- activityBarBadge.foreground#E6DBD6
- editor.background#000202
- editor.findMatchBackground#375B9D50
- editor.findMatchHighlightBackground#375B9D30
- editor.foreground#E6DBD6
- editor.lineHighlightBackground#375B9D20
- editor.selectionBackground#375B9D40
- editor.selectionHighlightBackground#375B9D30
- editorBracketMatch.background#375B9D30
- editorBracketMatch.border#035555
- editorIndentGuide.activeBackground#35364280
- editorIndentGuide.background#35364240
- editorLineNumber.activeForeground#E6DBD6
- editorLineNumber.foreground#353642
- list.activeSelectionBackground#375B9D
- list.activeSelectionForeground#E6DBD6
- list.highlightForeground#035555
- list.hoverBackground#375B9D20
- list.inactiveSelectionBackground#375B9D40
- sideBar.background#0A0D14
- sideBar.foreground#E6DBD6
- sideBarSectionHeader.background#375B9D40
- sideBarSectionHeader.foreground#E6DBD6
- sideBarTitle.foreground#E6DBD6
- statusBar.background#000202
- statusBar.debuggingBackground#375B9D
- statusBar.foreground#035555
- statusBar.noFolderBackground#000202
- tab.activeBackground#000202
- tab.activeBorderTop#035555
- tab.activeForeground#035555
- tab.hoverBackground#375B9D20
- tab.inactiveBackground#0A0D14
- tab.inactiveForeground#375B9D
- titleBar.activeBackground#000202
- titleBar.activeForeground#E6DBD6
- titleBar.inactiveBackground#000202CC
- titleBar.inactiveForeground#375B9D
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new | #035555 | bold |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.interface, support.type, support.class | #035555 | bold |
| entity.name.function, support.function, meta.function-call | #375B9D | — |
| variable, variable.other, variable.parameter, variable.language | #E6DBD6 | — |
| constant, constant.numeric, constant.language, constant.character, constant.other | #035555 | bold |
| string, string.template, string.quoted | #375B9D | — |
| comment, punctuation.definition.comment | #353642 | italic |
| keyword.operator, punctuation.definition | #035555 | — |
| meta.decorator, variable.annotation | #375B9D | — |
| support.function, support.macro | #375B9D | — |
| invalid, invalid.illegal | #FF3333 | — |
| support.type.property-name, support.type.vendored.property-name | #035555 | — |
| support.constant.property-value, support.constant.vendored.property-value | #375B9D | — |
| keyword.other.unit | #035555 | — |
| markup.heading | #035555 | bold |
| markup.underline.link, string.other.link | #375B9D | — |
| markup.bold | #035555 | bold |
| markup.italic | #E6DBD6 | italic |
| markup.quote | #375B9D | italic |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.numeric.decimal | #0C7D7D | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.this, variable.language.this, variable.language.super | #035555 | italic bold |
| punctuation, punctuation.definition.block, punctuation.definition.parameters, punctuation.section, meta.brace | #4A6B8C | — |
| keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment | #1A7F7F | — |
| punctuation.accessor, meta.property-access | #4A6B8C | — |
| string.template, punctuation.definition.template-expression, punctuation.section.embedded | #2B698F | — |
| string.regexp, string.regexp keyword.operator | #0C7D7D | — |
| meta.object-literal.key, variable.object.property, support.type.property-name | #4A6B8C | — |
| variable.other.property, variable.other.object.property | #4A6B8C | — |
| variable.parameter | #E6DBD6 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #035555 | bold |
| storage.modifier | #035555 | bold |
| support.type.property-name.json | #4A6B8C | — |
| entity.name.tag.yaml | #035555 | — |
| entity.name.tag, punctuation.definition.tag | #035555 | — |
| entity.other.attribute-name | #4A6B8C | italic |
| markup.changed, meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file | #375B9D | italic |
| markup.inserted | #035555 | — |
| markup.deleted | #FF3333 | — |