Skip to main content
Coding Theme

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.

  • actionBar.toggledBackground#dddddd
  • activityBar.background#b1185c
  • activityBar.border#501859
  • activityBar.foreground#ffffff
  • activityBarBadge.background#501859
  • badge.background#501859
  • banner.background#b1185c
  • breadcrumb.background#b1185c
  • breadcrumb.foreground#ffffff
  • button.background#b1185c
  • contrastActiveBorder#ffffff
  • contrastBorder#ffffff
  • dropdown.background#b1185c
  • dropdown.foreground#ffffff
  • editor.background#b1185c
  • editor.foreground#ffffff
  • editor.lineHighlightBorder#ffffff
  • editorBracketHighlight.foreground1#ffffff
  • editorBracketHighlight.foreground2#eeeeee
  • editorBracketHighlight.foreground3#dddddd
  • editorBracketHighlight.foreground4#cccccc
  • editorBracketHighlight.foreground5#bbbbbb
  • editorBracketHighlight.foreground6#aaaaaa
  • editorGroupHeader.noTabsBackground#b1185c
  • editorGroupHeader.tabsBackground#b1185c
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground1#ffffff55
  • editorIndentGuide.activeBackground2#eeeeee55
  • editorIndentGuide.activeBackground3#dddddd55
  • editorIndentGuide.activeBackground4#cccccc55
  • editorIndentGuide.activeBackground5#bbbbbb55
  • editorIndentGuide.activeBackground6#aaaaaa55
  • editorLineNumber.activeForeground#0e1756
  • editorLineNumber.foreground#ffffff
  • editorPane.background#b1185c
  • editorSuggestWidget.foreground#ffffff
  • editorWidget.background#b1185c
  • editorWidget.foreground#ffffff
  • foreground#ffffff
  • gauge.background#b1185c
  • input.background#b1185c
  • input.foreground#ffffff
  • list.activeSelectionBackground#b1185c
  • list.activeSelectionForeground#ffffff
  • list.focusBackground#b1185c
  • list.focusForeground#ffffff
  • list.hoverBackground#b1185c
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#b1185c
  • list.inactiveSelectionForeground#ffffff
  • menu.background#501859
  • notebook.cellBorderColor#ffffff
  • notebook.cellEditorBackground#b1185c
  • notebook.cellToolbarSeparator#b1185c
  • notebook.focusedCellBackground#b1185c33
  • notebook.focusedCellBorder#ffffff
  • notebook.outputContainerBackgroundColor#b1185c
  • notebook.selectedCellBackground#b1185c33
  • notebook.selectedCellBorder#ffffff
  • notebookScrollbarSlider.activeBackground#b1185ccc
  • notebookScrollbarSlider.background#b1185c88
  • notebookScrollbarSlider.hoverBackground#b1185cbb
  • notifications.background#501859
  • notifications.border#501859
  • panel.background#b1185c
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#ffffff
  • peekViewEditor.background#b1185c
  • peekViewResult.background#b1185c
  • peekViewTitle.background#b1185c
  • quickInput.background#b1185c
  • quickInput.foreground#ffffff
  • scrollbarSlider.activeBackground#b1185ccc
  • scrollbarSlider.background#b1185c88
  • scrollbarSlider.hoverBackground#b1185cbb
  • settings.checkboxBackground#b1185c
  • settings.checkboxForeground#ffffff
  • settings.dropdownBackground#b1185c
  • settings.dropdownForeground#ffffff
  • settings.focusedRowBackground#b1185c44
  • settings.headerForeground#ffffff
  • settings.modifiedItemIndicator#b1185c
  • settings.numberInputBackground#b1185c
  • settings.numberInputForeground#ffffff
  • settings.rowHoverBackground#b1185c33
  • settings.textInputBackground#b1185c
  • settings.textInputForeground#ffffff
  • sideBar.background#b1185c
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#b1185c
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.background#b1185c
  • sideBarTitle.foreground#ffffff
  • statusBar.background#501859
  • statusBar.foreground#ffffff
  • statusBarItem.remoteBackground#501859
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#b1185c
  • tab.activeForeground#ffffff
  • tab.inactiveBackground#b1185c
  • tab.inactiveForeground#ffffff
  • tab.unfocusedActiveBackground#b1185c
  • tab.unfocusedActiveForeground#ffffff
  • tab.unfocusedInactiveBackground#b1185c
  • tab.unfocusedInactiveForeground#ffffff
  • terminal.background#501859
  • terminal.foreground#ffffff
  • terminalCursor.background#501859
  • terminalCursor.foreground#ffffff
  • titleBar.activeBackground#b1185c
  • titleBar.activeForeground#ffffff
  • titleBar.inactiveBackground#501859
  • titleBar.inactiveForeground#ffffff
  • welcomePage.background#b1185c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
constant.language.boolean, constant.boolean#ffffffbold
comment#ffffffbold italic
punctuation.definition.group.begin, punctuation.definition.group.end, punctuation.definition.array.begin, punctuation.definition.array.end, punctuation.definition.object.begin, punctuation.definition.object.endbold
meta.embedded, source.groovy.embedded, variable.legacy.builtin.python#ffffff
emphasisitalic
strongbold
meta.diff.header#ffffff
comment#ffffff
constant.language#ffffff
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#ffffffbold
constant.regexp#ffffff
entity.name.tag#ffffffbold
entity.name.selector#ffffff
entity.other.attribute-name#ffffff
entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss#ffffff
invalid#ffffff
markup.underlineunderline
markup.bold#ffffffbold
markup.heading#ffffffbold
markup.italicitalic
markup.strikethroughstrikethrough
markup.inserted#ffffff
markup.deleted#ffffff
markup.changed#ffffff
punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown#ffffffbold
markup.inline.raw#ffffff
punctuation.definition.tag#ffffff
meta.preprocessor, entity.name.function.preprocessor#ffffff
meta.preprocessor.string#ffffff
meta.preprocessor.numeric#ffffff
meta.structure.dictionary.key.python#ffffff
storage#ffffffbold italic
storage.type#ffffff
storage.modifier, keyword.operator.noexcept#ffffff
string, meta.embedded.assembly#ffffffbold underline
string.comment.buffered.block.pug, string.quoted.pug, string.interpolated.pug, string.unquoted.plain.in.yaml, string.unquoted.plain.out.yaml, string.unquoted.block.yaml, string.quoted.single.yaml, string.quoted.double.xml, string.quoted.single.xml, string.unquoted.cdata.xml, string.quoted.double.html, string.quoted.single.html, string.unquoted.html, string.quoted.single.handlebars, string.quoted.double.handlebars#ffffffbold
string.regexp#ffffff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ffffff
meta.template.expression#ffffff
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#ffffff
support.type.vendored.property-name, support.type.property-name, source.css variable, source.coffee.embedded#ffffff
support.type.property-name.json#ffffff
keyword#ffffffbold
keyword.control#ffffffbold
keyword.operator#ffffff
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike#ffffffbold
keyword.other.unit#ffffffitalic
punctuation.section.embedded.end.php#ffffff
support.function.git-rebase#ffffff
constant.sha.git-rebase#ffffff
variable.language.wildcard.java, storage.modifier.package.java#ffffff
variable.language#ffffff
support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#ffffff
support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy#ffffff
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class, punctuation.separator.namespace.ruby#ffffff
keyword.control, source.cpp keyword.operator.new, source.cpp keyword.operator.delete, keyword.other.using, keyword.other.directive.using, keyword.other.operator, entity.name.operator#ffffff
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder#ffffff
variable.other.constant, variable.other.enummember#ffffff
meta.object-literal.key#ffffff
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#ffffff
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp#ffffff
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#ffffff
keyword.operator.quantifier.regexp#ffffff
keyword.operator.or.regexp, keyword.control.anchor.regexp#ffffff
constant.character#ffffff
constant.character.escape#ffffff
entity.name.label#ffffff
token.info-token#ffffff
token.warn-token#ffffff
token.error-token#ffffff
token.debug-token#ffffff