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.

  • activityBar.background#001B31
  • activityBar.border#0C2038
  • activityBar.foreground#FFFFFF
  • activityBar.inactiveForeground#9BB6CF
  • activityBarBadge.background#FE9D26
  • activityBarBadge.foreground#FFFFFF
  • button.background#FE9D26
  • button.hoverBackground#FE9D26CC
  • checkbox.background#00121F
  • checkbox.border#FE9D26
  • checkbox.foreground#E8DCC8
  • dropdown.background#001B31
  • editor.background#0E1B29
  • editor.foreground#E8DCC8
  • editor.inactiveSelectionBackground#FE9D261F
  • editor.lineHighlightBackground#001B311F
  • editor.selectionBackground#FE9D263D
  • editorBracketMatch.background#FE9D263D
  • editorBracketMatch.border#FE9D26
  • editorCursor.foreground#FE9D26
  • editorError.foreground#FF6B6B
  • editorGroupHeader.tabsBackground#00121F
  • editorInfo.foreground#4FC3F7
  • editorLineNumber.foreground#9BB6CF
  • editorOverviewRuler.errorForeground#FF6B6B
  • editorOverviewRuler.warningForeground#FFD166
  • editorWarning.foreground#FFD166
  • list.activeSelectionBackground#FE9D263D
  • list.activeSelectionForeground#E8DCC8
  • list.hoverBackground#FE9D261F
  • list.inactiveSelectionBackground#FE9D261F
  • list.inactiveSelectionForeground#9BB6CF
  • minimap.errorHighlight#FF6B6B
  • minimap.warningHighlight#FFD166
  • panel.background#0C2038
  • panel.border#001B31
  • peekView.border#FE9D26
  • peekViewEditor.matchHighlightBackground#FE9D263D
  • peekViewResult.background#0C2038
  • problemsErrorIcon.foreground#FF6B6B
  • problemsInfoIcon.foreground#4FC3F7
  • problemsWarningIcon.foreground#FFD166
  • sideBar.background#0C2038
  • sideBar.border#001B31
  • sideBar.foreground#D5DCE3
  • statusBar.background#00121F
  • statusBar.border#FE9D26
  • statusBar.debuggingBackground#FE9D26
  • statusBar.foreground#FFFFFF
  • tab.activeBackground#FE9D26
  • tab.activeBorder#FE9D26
  • tab.activeForeground#FFFFFF
  • tab.activeModifiedBorder#FE9D26
  • tab.hoverBackground#FE9D26CC
  • tab.inactiveBackground#0C2038
  • tab.inactiveForeground#9BB6CF
  • tab.inactiveModifiedBorder#FE9D26
  • tab.unfocusedActiveBackground#FE9D2666
  • tab.unfocusedActiveBorder#FFFFFF
  • tab.unfocusedActiveForeground#E8DCC8
  • tab.unfocusedActiveModifiedBorder#FE9D26
  • terminal.background#0C2038
  • terminal.foreground#E8DCC8
  • titleBar.activeBackground#00121F
  • titleBar.activeForeground#FFFFFF
  • titleBar.inactiveBackground#0C2038
  • titleBar.inactiveForeground#9BB6CF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage, storage.type, storage.modifier, keyword.control, keyword.operator.new, keyword.operator.delete, 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, keyword.other.using, keyword.other.operator, variable.language#FE9D26
entity.name.function, support.function, support.constant.handlebars, entity.name.operator.custom-literal, source.powershell variable.other.member#4FC3F7
support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, entity.other.inherited-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, meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json#81C7F5
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder, meta.object-literal.key, meta.structure.dictionary.key.python, support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded, entity.other.attribute-name#E8DCC8
variable.other.constant, variable.other.enummember, constant.language, constant.character, constant.other.option#5FD687
constant.numeric, keyword.operator.plus.exponent, keyword.operator.minus.exponent, keyword.other.unit, meta.preprocessor.numeric, constant.sha.git-rebase#A6D4A0
string, meta.embedded.assembly, string.tag, string.value, meta.preprocessor.string, markup.inline.raw, 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, 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#E69A87
comment, string.quoted.docstring, punctuation.definition.comment#9BB6CFitalic
entity.name.lifetime.rust, storage.modifier.lifetime.rust, entity.name.function.macro, support.function.magic.python, meta.decorator, entity.name.function.decorator, meta.attribute.rust, keyword.control.import, keyword.control.export, keyword.control.from, storage.type.annotation.java, entity.name.type.terraform, entity.name.section#B267E6
entity.name.type.interface, entity.name.type.type-parameter, keyword.operator.channel.go, keyword.control.dockerfile, entity.name.function.target.makefile#D7BA7D
entity.name.type.enum, entity.name.tag.yaml, entity.name.tag.toml, support.type.property-name.ini#A6D4A0
keyword.operator#E8DCC8
string.regexp, constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#D16969
keyword.operator.or.regexp, keyword.control.anchor.regexp#4FC3F7
keyword.operator.quantifier.regexp, constant.character.escape#D7BA7D
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss#D7BA7D
entity.name.tag, entity.name.tag.xml#FE9D26
entity.other.attribute-name.html, entity.other.attribute-name.xml#81C7F5
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#FE9D26
meta.template.expression#E8DCC8
meta.preprocessor, entity.name.function.preprocessor#FE9D26
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#E8DCC8
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#FE9D26
support.function.git-rebase#E8DCC8
keyword.operator.dereference, keyword.operator.borrow, storage.modifier.reference, constant.other.symbol.ruby#E69A87
markup.underlineunderline
markup.bold, markup.heading#FE9D26bold
markup.italicitalic
markup.strikethroughstrikethrough
markup.inserted#A6D4A0
markup.deleted#E69A87
markup.changed#FE9D26
support.function.builtin.shell#4FC3F7
string.interpolated.backtick.shell#B267E6
entity.name.type.instance.jsdoc, variable.other.php, variable.other.readwrite.instance.ruby, keyword.control.go#006064
support.function.go, support.function.builtin.sql, keyword.other.DML.sql, keyword.other.DDL.sql#E69A87
punctuation.definition.quote.begin.markdown#9BB6CF
punctuation.definition.list.begin.markdown#4FC3F7
markup.underline.link.markdown, markup.underline.link.image.markdown#81C7F5
meta.embedded.block.frontmatter, punctuation.definition.yaml.begin, punctuation.definition.yaml.end#9BB6CF
punctuation.definition.tag#808080
meta.diff.header#FE9D26
header#000080
constant.regexp#646695
entity.name.label#C8C8C8
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown#E8DCC8
punctuation.definition.string.begin, punctuation.definition.string.end
entity.name.type, entity.other.inherited-classunderline
invalid#F44747
emphasisitalic
strongbold
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
text.git-commit#B267E6