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#084C76
  • activityBar.border#383B40
  • activityBar.foreground#FFFFFF
  • activityBar.inactiveForeground#B5C5D2
  • activityBarBadge.background#E78629
  • activityBarBadge.foreground#FFFFFF
  • button.background#E78629
  • button.hoverBackground#E78629CC
  • checkbox.background#084C76
  • checkbox.border#E78629
  • checkbox.foreground#084C76
  • dropdown.background#FFFFFF
  • editor.background#FFFFFF
  • editor.foreground#084C76
  • editor.inactiveSelectionBackground#E786291F
  • editor.lineHighlightBackground#F4F4F4
  • editor.selectionBackground#E786293D
  • editorBracketMatch.background#E786293D
  • editorBracketMatch.border#E78629
  • editorCursor.foreground#E78629
  • editorGroupHeader.tabsBackground#373c44
  • editorLineNumber.foreground#8A9BAC
  • list.activeSelectionBackground#E786293D
  • list.activeSelectionForeground#084C76
  • list.hoverBackground#E7D9D0
  • list.inactiveSelectionBackground#E7D9D0
  • list.inactiveSelectionForeground#8A9BAC
  • panel.background#FFFFFF
  • panel.border#E0E0E0
  • peekView.border#E78629
  • peekViewEditor.matchHighlightBackground#E786293D
  • peekViewResult.background#FFFFFF
  • peekViewResult.fileForeground#084C76
  • peekViewResult.lineForeground#084C76
  • peekViewResult.selectionForeground#084C76
  • peekViewTitleDescription.foreground#8A9BAC
  • peekViewTitleLabel.foreground#084C76
  • sideBar.background#F7F7F7
  • sideBar.border#E0E0E0
  • sideBar.foreground#084C76
  • statusBar.background#084C76
  • statusBar.border#E78629
  • statusBar.debuggingBackground#E78629
  • statusBar.foreground#FFFFFF
  • tab.activeBackground#E78629
  • tab.activeBorder#E78629
  • tab.activeForeground#FFFFFF
  • tab.hoverBackground#E78629
  • tab.inactiveBackground#F7F7F7
  • tab.inactiveForeground#8A9BAC
  • tab.unfocusedActiveBackground#E7862966
  • titleBar.activeBackground#06395F
  • titleBar.activeForeground#FFFFFF
  • titleBar.inactiveBackground#084C76
  • titleBar.inactiveForeground#D0D5DA

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.other.unit, punctuation.section.embedded#E05D00bold
entity.name.function, support.function, support.constant.handlebars, entity.name.operator.custom-literal, source.powershell variable.other.member#2B88D8—
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#7C4DFF—
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder, variable.other.property, variable.other.object.property, variable.parameter.function, variable.parameter, meta.object-literal.key, support.constant.property-value, support.type.property-name#006064—
variable.other.constant, variable.other.enummember, constant.language, constant.character, constant.other.option#00855Dbold
constant.numeric, keyword.operator.plus.exponent, keyword.operator.minus.exponent, keyword.other.unit, meta.preprocessor.numeric, constant.sha.git-rebase#218041—
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#B83280—
comment, punctuation.definition.comment, comment.line, comment.block, meta.preprocessor, meta.import, meta.header.diff, keyword.other.special-method, keyword.other.new, storage.modifier.package, storage.modifier.import, storage.type.annotation#8A9BACitalic
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#7C4DFF—
entity.name.type.interface, entity.name.type.type-parameter, keyword.operator.channel.go, keyword.control.dockerfile, entity.name.function.target.makefile#D4730B—
entity.name.type.enum, entity.name.tag.yaml, entity.name.tag.toml, support.type.property-name.ini#218041—
keyword.operator.or.regexp, keyword.control.anchor.regexp#2E86B6—
keyword.operator.quantifier.regexp, constant.character.escape#D4730B—
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#D4730B—
entity.name.tag, entity.name.tag.xml#D4730B—
entity.other.attribute-name.html, entity.other.attribute-name.xml#006064—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#D4730B—
meta.template.expression#084C76—
meta.preprocessor, entity.name.function.preprocessor#D4730B—
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#084C76—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#D4730B—
support.function.git-rebase#084C76—
keyword.operator.dereference, keyword.operator.borrow, storage.modifier.reference, constant.other.symbol.ruby#B83280—
markup.underline—underline
markup.bold, markup.heading#D4730Bbold
markup.italic—italic
markup.strikethrough—strikethrough
markup.inserted#3D7A2B—
markup.deleted#A8365A—
markup.changed#D4730B—
support.function.builtin.shell#2B88D8—
string.interpolated.backtick.shell#7C4DFF—
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#B83280—
punctuation.definition.quote.begin.markdown#8A9BAC—
punctuation.definition.list.begin.markdown#2E86B6—
markup.underline.link.markdown, markup.underline.link.image.markdown#7C4DFF—
meta.embedded.block.frontmatter, punctuation.definition.yaml.begin, punctuation.definition.yaml.end#8A9BAC—
punctuation.definition.tag#6B7280—
meta.diff.header#D4730B—
header#1867A3—
constant.regexp#2D8E4A—
entity.name.label#6B7280—
meta.embedded, source.groovy.embedded#084C76—
string.quoted.docstring.multi.python, string.quoted.docstring.raw.multi.python#8A9BACitalic
support.type.property-name.json#2E86B6—
entity.name.tag.yaml#2E86B6—
keyword.other.important.log, string.other.link.log#D4730B—
punctuation, constant.character.escape#084C76—
text.git-commit#7C4DFF—