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#FFFFFF
  • activityBar.foreground#1F2328
  • activityBarBadge.background#0969DA
  • activityBarBadge.foreground#FFFFFF
  • editor.background#ececec
  • editor.foreground#1F2328
  • editor.inactiveSelectionBackground#DDEBFF66
  • editor.lineHighlightBackground#EFF2F6
  • editor.selectionBackground#CCE5FF88
  • editorGroup.border#000000
  • editorLineNumber.activeForeground#1F2328
  • editorLineNumber.foreground#8B949E
  • editorStickyScroll.background#FFFFFF
  • editorStickyScroll.border#D0D7DE
  • editorStickyScroll.shadow#00000000
  • editorStickyScrollGutter.background#FFFFFF
  • editorStickyScrollHover.background#2a2f3570
  • focusBorder#0969DA88
  • list.activeSelectionBackground#E7F0FF
  • list.activeSelectionForeground#FFFFFF
  • list.hoverBackground#F0F4F8
  • list.inactiveSelectionBackground#EEF2F8
  • list.inactiveSelectionForeground#D0D0D0
  • menu.background#FFFFFF
  • menu.foreground#24292F
  • menu.selectionBackground#E7F0FF
  • menu.selectionForeground#1F2328
  • panel.background#FFFFFF
  • panel.border#D0D7DE
  • panelTitle.activeForeground#1F2328
  • sideBar.background#e0e0e0
  • sideBar.foreground#24292F
  • sideBarSectionHeader.background#F6F8FA
  • sideBarSectionHeader.foreground#57606A
  • statusBar.background#FFFFFF
  • statusBar.debuggingBackground#C94F4F
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#1F2328
  • statusBar.noFolderBackground#0C1016
  • tab.activeBackground#FFFFFF
  • tab.activeBorderTop#0969DA
  • tab.activeForeground#1F2328
  • tab.border#00000000
  • tab.inactiveBackground#F6F8FA
  • tab.inactiveForeground#57606A
  • terminal.background#FFFFFF
  • terminal.foreground#1F2328
  • terminalCursor.foreground#0969DA
  • titleBar.activeBackground#FFFFFF
  • titleBar.activeForeground#24292F
  • titleBar.inactiveBackground#FFFFFF99
  • titleBar.inactiveForeground#6E7781

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown#D4D4D4—
emphasis—italic
strong—bold
header#000080—
comment#6A9955—
constant.language#569CD6—
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#B5CEA8—
constant.regexp#646695—
entity.name.tag#569CD6—
entity.name.tag.css#D7BA7D—
entity.other.attribute-name#9CDCFE—
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—
invalid#F44747—
markup.underline—underline
markup.bold#569CD6bold
markup.heading#569CD6bold
markup.italic—italic
markup.strikethrough—strikethrough
markup.inserted#B5CEA8—
markup.deleted#CE9178—
markup.changed#569CD6—
punctuation.definition.quote.begin.markdown#6A9955—
punctuation.definition.list.begin.markdown#6796E6—
markup.inline.raw#CE9178—
punctuation.definition.tag#808080—
meta.preprocessor, entity.name.function.preprocessor#43749b—
meta.preprocessor.string#CE9178—
meta.preprocessor.numeric#B5CEA8—
meta.structure.dictionary.key.python#437c9b—
meta.diff.header#569CD6—
storage#569CD6—
storage.type#569CD6—
storage.modifier, keyword.operator.noexcept#569CD6—
string, meta.embedded.assembly#CE9178—
string.tag#CE9178—
string.value#CE9178—
string.regexp#D16969—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#569CD6—
meta.template.expression#D4D4D4—
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded#3d718d—
keyword#569CD6—
keyword.control#569CD6—
keyword.operator#D4D4D4—
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#569CD6—
keyword.other.unit#B5CEA8—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#569CD6—
support.function.git-rebase#3a6881—
constant.sha.git-rebase#B5CEA8—
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#D4D4D4—
variable.language#569CD6—
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#DCDCAA—
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#4EC9B0—
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#4EC9B0—
source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator#C586C0—
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder#396a85—
variable.other.constant, variable.other.enummember#4FC1FF—
meta.object-literal.key#386e8b—
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#CE9178—
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#CE9178—
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#DCDCAA—
keyword.operator.quantifier.regexp#D7BA7D—
constant.character#569CD6—
constant.character.escape#D7BA7D—
entity.name.label#C8C8C8—
string.quoted.double.yaml#D9D9D9—
bracket-command.stellaris.yml, loc-key.stellaris.yml#292929underline bold
keyword.icon-code.stellaris.yml#C0B235underline italic
keyword.color-code.w.stellaris.yml#DCDCDCbold
keyword.color-code.t.stellaris.yml#D9D9D9bold
keyword.color-code.lowercase_g.stellaris.yml#6D6D6Dbold
keyword.color-code.l.stellaris.yml#9E8F75bold
keyword.color-code.p.stellaris.yml#BF5E5Ebold
keyword.color-code.r.stellaris.yml#D2483Bbold
keyword.color-code.s.stellaris.yml#B07921bold
keyword.color-code.h.stellaris.yml#D69123bold
keyword.color-code.y.stellaris.yml#D2D62Cbold
keyword.color-code.g.stellaris.yml#23BF20bold
keyword.color-code.v.stellaris.yml#417560bold
keyword.color-code.e.stellaris.yml#73D9B0bold
keyword.color-code.c.stellaris.yml#1CC5B1bold
keyword.color-code.b.stellaris.yml#2B8ED9bold
keyword.color-code.m.stellaris.yml#8B2DCBbold
keyword.color-code._.stellaris.yml#D900D9bold
keyword.color-code.lowercase_c.stellaris.yml#33B17Cbold
keyword.color-code.lowercase_v.stellaris.yml#76948Abold
keyword.color-code.lowercase_d.stellaris.yml#D9BC68bold
keyword.color-code.lowercase_r.stellaris.yml#8B6FD9bold
keyword.color-code.lowercase_l.stellaris.yml#97C959bold
token.info-token#6796E6—
token.warn-token#CD9731—
token.error-token#F44747—
token.debug-token#B267E6—
constant.numeric.localeRef.stellaris.yml#aa0000italic
entity.name.tag.yaml#7a51b1—