bobascheme
Publisher: BBaoVanCThemes in package: 1
Simple dark color scheme
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.activeBorder#bfbfbf
- activityBar.activeFocusBorder#216dbf
- activityBar.background#2b2b2b
- activityBar.dropBorder#bfbfbf
- activityBarBadge.background#216dbf
- activityBarBadge.foreground#e9e9e9
- button.background#216dbf
- button.border#00000000
- button.foreground#ffffff
- button.hoverBackground#4787db
- button.secondaryBackground#167a42
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#38955a
- checkbox.background#2b2b2b
- checkbox.foreground#e9e9e9
- descriptionForeground#ababab
- diffEditor.border#5e5e5e
- diffEditor.insertedTextBackground#167a4240
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedTextBackground#b0474440
- diffEditor.removedTextBorder#00000000
- disabledForeground#5e5e5e
- dropdown.background#2b2b2b
- dropdown.border#00000000
- dropdown.foreground#ffffff
- dropdown.listBackground#2b2b2b
- editor.background#111111
- editor.findMatchBackground#b7873880
- editor.findMatchBorder#b7873880
- editor.findMatchHighlightBackground#b7873840
- editor.findMatchHighlightBorder#b7873840
- editor.findRangeHighlightBackground#41414140
- editor.findRangeHighlightBorder#41414140
- editor.foldBackground#2b2b2b80
- editor.foreground#d4d4d4
- editor.hoverHighlightBackground#5e5e5e80
- editor.inactiveSelectionBackground#41414180
- editor.lineHighlightBackground#2b2b2b
- editor.lineHighlightBorder#2b2b2b
- editor.rangeHighlightBackground#41414180
- editor.rangeHighlightBorder#414141
- editor.selectionBackground#414141
- editor.selectionHighlightBackground#41414180
- editor.selectionHighlightBorder#414141
- editor.stackFrameHighlightBackground#8c611060
- editor.wordHighlightBackground#216dbf80
- editor.wordHighlightBorder#216dbf
- editorBracketMatch.background#2b2b2b
- editorBracketMatch.border#5e5e5e
- editorCodeLens.foreground#bfbfbf
- editorCursor.background#000000
- editorCursor.foreground#d4d4d4
- editorError.foreground#eb7c74
- editorGroup.border#5e5e5e
- editorGroup.dropBackground#5e5e5e80
- editorGroupHeader.tabsBackground#2b2b2b
- editorGutter.addedBackground#167a42
- editorGutter.background#111111
- editorGutter.deletedBackground#b04744
- editorGutter.foldingControlForeground#d4d4d4
- editorGutter.modifiedBackground#8c6110
- editorHoverWidget.background#111111
- editorHoverWidget.border#2b2b2b
- editorIndentGuide.activeBackground#5e5e5e
- editorIndentGuide.background#2b2b2b
- editorInfo.foreground#66a1f8
- editorInlayHint.background#2b2b2b
- editorInlayHint.foreground#d4d4d4
- editorLineNumber.activeForeground#d4d4d4
- editorLineNumber.foreground#5e5e5e
- editorLink.activeForeground#3a94fb
- editorMarkerNavigation.background#111
- editorMarkerNavigationError.background#b04744
- editorMarkerNavigationInfo.background#216dbf
- editorMarkerNavigationWarning.background#8c6110
- editorOverviewRuler.addedForeground#167a42
- editorOverviewRuler.background#2b2b2b
- editorOverviewRuler.border#2b2b2b
- editorOverviewRuler.bracketMatchForeground#5e5e5e
- editorOverviewRuler.commonContentForeground#5e5e5e
- editorOverviewRuler.currentContentForeground#29757f
- editorOverviewRuler.deletedForeground#b04744
- editorOverviewRuler.errorForeground#b04744
- editorOverviewRuler.findMatchForeground#b78738
- editorOverviewRuler.incomingContentForeground#216dbf
- editorOverviewRuler.infoForeground#216dbf
- editorOverviewRuler.modifiedForeground#8c6110
- editorOverviewRuler.rangeHighlightForeground#414141
- editorOverviewRuler.selectionHighlightForeground#41414180
- editorOverviewRuler.warningForeground#8c6110
- editorOverviewRuler.wordHighlightForeground#216dbf
- editorOverviewRuler.wordHighlightStrongForeground#0000ff
- editorRuler.foreground#5e5e5e
- editorWarning.foreground#b78738
- editorWhitespace.foreground#5e5e5e
- focusBorder#216dbf
- foreground#d4d4d4
- icon.foreground#d4d4d4
- input.background#111111
- input.border#111111
- input.foreground#d4d4d4
- input.placeholderForeground#5e5e5e
- inputOption.activeBackground#5e5e5e
- inputOption.activeForeground#e9e9e9
- inputOption.hoverBackground#2b2b2b
- keybindingLabel.background#5e5e5e
- keybindingLabel.border#5e5e5e
- keybindingLabel.bottomBorder#bfbfbf
- keybindingLabel.foreground#e9e9e9
- list.activeSelectionBackground#216dbf
- list.activeSelectionForeground#e9e9e9
- list.hoverBackground#2b2b2b80
- list.inactiveFocusBackground#2b2b2b
- merge.commonContentBackground#5e5e5ec0
- merge.commonHeaderBackground#5e5e5e80
- merge.currentContentBackground#29757f80
- merge.currentHeaderBackground#61aab380
- merge.incomingContentBackground#216dbf80
- merge.incomingHeaderBackground#66a1f880
- minimap.selectionHighlight#2b2b2b
- peekView.border#216dbf
- peekViewEditor.background#216dbf20
- peekViewEditor.matchHighlightBackground#8c611080
- peekViewResult.background#2b2b2b
- peekViewResult.lineForeground#d4d4d4
- quickInput.background#2b2b2b
- quickInput.foreground#d4d4d4
- quickInputList.focusBackground#216dbf
- quickInputList.focusForeground#e9e9e9
- quickInputList.focusIconForeground#e9e9e9
- scrollbarSlider.activeBackground#bfbfbf80
- scrollbarSlider.background#5e5e5e
- scrollbarSlider.hoverBackground#bfbfbf40
- selection.background#414141
- sideBar.background#111111
- sideBar.border#2b2b2b
- sideBar.foreground#d4d4d4
- statusBar.background#02559b
- statusBar.debuggingBackground#095c65
- statusBar.noFolderBackground#7f3677
- statusBarItem.activeBackground#ffffff60
- statusBarItem.compactHoverBackground#ffffff40
- statusBarItem.errorBackground#b04744
- statusBarItem.hoverBackground#ffffff20
- statusBarItem.prominentBackground#9f4b95
- statusBarItem.remoteBackground#167a42
- statusBarItem.warningBackground#8c6110
- tab.activeBackground#111111
- tab.border#00000000
- tab.hoverBackground#5e5e5e80
- tab.inactiveBackground#2b2b2b
- terminal.ansiBlack#2b2b2b
- terminal.ansiBlue#216dbf
- terminal.ansiBrightBlack#5e5e5e
- terminal.ansiBrightBlue#66a1f8
- terminal.ansiBrightCyan#61aab3
- terminal.ansiBrightGreen#54b073
- terminal.ansiBrightMagenta#d87fcc
- terminal.ansiBrightRed#eb7c74
- terminal.ansiBrightWhite#e9e9e9
- terminal.ansiBrightYellow#b78738
- terminal.ansiCyan#29757f
- terminal.ansiGreen#167a42
- terminal.ansiMagenta#9f4b95
- terminal.ansiRed#b04744
- terminal.ansiWhite#bfbfbf
- terminal.ansiYellow#8c6110
- terminal.selectionBackground#414141
- terminal.selectionForeground#e9e9e9
- textBlockQuote.background#2b2b2b
- textBlockQuote.border#216dbf
- textCodeBlock.background#ffffff20
- textLink.activeForeground#85adf4
- textLink.foreground#3a94fb
- textPreformat.foreground#29757f
- textSeparator.foreground#00ffff
- toolbar.hoverBackground#2b2b2b
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5e5e5e | italic |
| variable, string constant.other.placeholder | #d4d4d4 | — |
| constant.other.color | #d4d4d4 | — |
| invalid, invalid.illegal | #b04744 | — |
| keyword, storage.type, storage.modifier, keyword.other.unit, keyword.other, keyword.control, entity.name.type.lifetime, punctuation.definition.lifetime | #9f4b95 | — |
| keyword.operator, constant.other.color, keyword.other.template, keyword.other.substitution | #d4d4d4 | — |
| punctuation | #d4d4d4 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #29757f | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #29757f | |
| meta.block variable.other | #d4d4d4 | — |
| support.other.variable, string.other.link | #00ffff | — |
| entity.name.function.macro | #b04744 | bold |
| meta.attribute.rust, meta.attribute.rust punctuation, meta.attribute.rust keyword.operator | #b04744 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, constant.character.escape | #8c6110 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #167a42 | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #216dbf | bold |
| entity.name.type.lifetime | — | |
| support.type | #29757f | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #9f4b95 | |
| source.css support.type.vendored.property-name, source.sass support.type.vendored.property-name, source.scss support.type.vendored.property-name, source.less support.type.vendored.property-name, source.stylus support.type.vendored.property-name, source.postcss support.type.vendored.property-name | #9f4b95 | italic |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #9f4b95 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #8c6110 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #9f4b95 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id.css | #216dbf | bold |
| source.sass keyword.control | #216dbf | bold |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #29757f | |
| text.html.markdown, punctuation.definition.list_item.markdown | #d4d4d4 | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markup.italic | — | italic |
| markup.bold, markup.bold string | — | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | — | bold |
| markup.underline | — | underline |
| markup.quote | — | italic |
| string.other.link.title.markdown | #3a94fb | underline |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #167a42 | italic |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #29757f | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |