Carolblack
Publisher: Ding YongyuThemes in package: 1
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.activeBackground#1a0c35
- activityBar.background#090909
- activityBar.foreground#b8a6d9
- activityBar.inactiveForeground#b8a6d9
- activityBarBadge.background#191919
- breadcrumb.activeSelectionForeground#ffffff
- breadcrumb.background#101010
- breadcrumb.foreground#b8a6d9
- button.background#1a0c35
- button.foreground#b8a6d9
- button.hoverBackground#6d43a8
- checkbox.foreground#b8a6d9
- debugIcon.breakpointForeground#ff0000
- debugIcon.breakpointUnverifiedForeground#d9a6a6
- debugIcon.continueForeground#00ff00
- debugIcon.disconnectForeground#b8a6d9
- debugIcon.pauseForeground#0000ff
- debugIcon.restartForeground#ffff00
- debugIcon.startForeground#00ff00
- debugIcon.stepBackForeground#44ffff
- debugIcon.stepIntoForeground#beff66
- debugIcon.stepOutForeground#2277ff
- debugIcon.stepOverForeground#ffbb00
- debugIcon.stopForeground#ff0000
- debugTokenExpression.boolean#f7c8a0
- debugTokenExpression.number#fc966e
- debugTokenExpression.string#798dff
- debugTokenExpression.value#b8a6d9
- debugToolBar.background#1a0c35
- dropdown.background#1a0c35dd
- dropdown.foreground#b8a6d9
- dropdown.listBackground#1a0c35dd
- editor.background#030303
- editor.foreground#b8a6d9
- editor.selectionBackground#492395
- editor.selectionHighlightBackground#1a0c35
- editor.selectionHighlightBorder#333333
- editor.snippetTabstopHighlightBackground#333333
- editor.wordHighlightBackground#333333
- editorBracketHighlight.foreground1#4428ff
- editorBracketHighlight.foreground2#ad50ff
- editorBracketHighlight.foreground3#69f902
- editorError.foreground#ff0000
- editorGroup.emptyBackground#101010
- editorGroupHeader.tabsBackground#070707
- editorGroupHeader.tabsBorder#000000
- editorLineNumber.activeForeground#9f00f9
- editorLineNumber.foreground#b8a6d9
- editorSuggestWidget.background#1a0c357f
- editorSuggestWidget.focusHighlightForeground#9f00f9
- editorSuggestWidget.highlightForeground#9f00f9
- editorWarning.foreground#7f7f7f
- focusBorder#b8a6d9
- foreground#b8a6d9
- icon.foreground#b8a6d9
- input.background#1a0c35dd
- input.border#191919
- input.foreground#b8a6d9
- list.activeSelectionBackground#333333
- list.activeSelectionForeground#b8a6d9
- list.dropBackground#333333
- list.errorForeground#ff0000
- list.hoverBackground#333333
- list.hoverForeground#b8a6d9
- list.inactiveSelectionBackground#232323
- list.inactiveSelectionForeground#b8a6d9
- list.warningForeground#7f7f7f
- menubar.selectionBackground#1a0c357f
- menubar.selectionForeground#b8a6d9
- panel.background#080808
- panelTitle.activeForeground#b8a6d9
- panelTitle.inactiveForeground#b8a6d9
- quickInput.background#1a0c357f
- scrollbarSlider.activeBackground#b8a6d9
- scrollbarSlider.hoverBackground#b8a6d9
- settings.headerForeground#b8a6d9
- settings.modifiedItemIndicator#b8a6d9
- sideBar.background#080808
- sideBar.dropBackground#333333
- sideBar.foreground#b8a6d9
- sideBarSectionHeader.background#101010
- sideBarTitle.foreground#b8a6d9
- statusBar.background#101010
- statusBar.debuggingBackground#1a0c35
- statusBar.debuggingForeground#b8a6d9
- statusBar.foreground#b8a6d9
- statusBar.noFolderBackground#333333
- statusBar.noFolderForeground#b8a6d9
- tab.activeBackground#1a0c35
- tab.activeForeground#b8a6d9
- tab.border#080808
- tab.hoverBackground#1f1f1f
- tab.hoverForeground#b8a6d9
- tab.inactiveBackground#080808
- tab.inactiveForeground#b8a6d9
- tab.lastPinnedBorder#080808
- terminal.foreground#b8a6d9
- textLink.foreground#b8a6d9
- titleBar.activeBackground#080808
- titleBar.activeForeground#b8a6d9
- titleBar.inactiveBackground#080808
- titleBar.inactiveForeground#b8a6d9
- welcomePage.background#030303
- welcomePage.progress.background#9f00f9
- welcomePage.progress.foreground#b8a6d9
- welcomePage.tileHoverBackground#6d43a8
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #e799b0 | italic |
| comment.block.preprocessor | #e799b0 | |
| comment.documentation, comment.block.documentation | #e799b0 | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #71e7ff | — |
| keyword, storage | #e2cbff | — |
| storage.type, support.type | #a577bf | — |
| constant.language, support.constant, variable.language | #f7c8a0 | — |
| variable, support.variable | #9ac8e2 | — |
| entity.name.function, support.function | #576690 | bold |
| entity.name.type, entity.other.inherited-class, support.class | #ffb9df | bold |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #fc966e | — |
| string | #798dff | — |
| constant.character.escape | #777777 | — |
| string.regexp | #4b83cd | — |
| constant.other.symbol | #ab6526 | — |
| punctuation | #db7d74 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #aaaaaa | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #91b3e0 | — |
| entity.name.tag | #4b83cd | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #91b3e0 | italic |
| constant.character.entity, punctuation.definition.entity | #ab6526 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #7a3e9d | — |
| meta.property-name, support.type.property-name | #47ed8a | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #448c27 | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4b83cd | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #fc5850 | — |
| markup.bold | — | bold |
| markup.traceback | #ff0000 | — |
| markup.underline | — | underline |
| markup.quote | #c86aff | — |
| markup.list | #60a5ff | — |
| markup.bold, markup.italic | #81ff4f | — |
| markup.inline.raw | #b6ff40 | |
| meta.diff.range, meta.diff.index, meta.separator | #ffebeb | — |
| meta.diff.header.from-file | #ff93ba | — |
| meta.diff.header.to-file | #fb98ea | — |