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.activeBorder#666
  • activityBar.background#303030
  • activityBar.border#00000000
  • activityBarBadge.background#3d56cc
  • activityBarTop.activeBorder#00000000
  • breadcrumb.background#1a1a1a
  • button.background#2945cc
  • button.hoverBackground#3d56cc
  • diffEditor.border#262626
  • editor.background#1a1a1a
  • editor.wordHighlightBackground#575757b8
  • editorGroup.border#262626
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#262626
  • editorGroupHeader.tabsBorder#00000000
  • editorOverviewRuler.border#00000000
  • editorStickyScroll.shadow#00000000
  • editorWidget.background#262626
  • editorWidget.border#404040
  • editorWidget.resizeBorder#00000000
  • focusBorder#00000000
  • list.activeSelectionBackground#404040
  • list.hoverBackground#303030
  • listFilterWidget.background#2a2a2a
  • listFilterWidget.shadow#00000040
  • notifications.background#2a2a2a
  • panel.background#101010
  • panel.border#00000000
  • panelTitle.activeBorder#666
  • scrollbar.shadow#00000000
  • sideBar.background#2a2a2a
  • sideBar.border#00000000
  • sideBarSectionHeader.background#0000
  • sideBarSectionHeader.border#00000000
  • statusBar.background#202020
  • statusBar.border#00000000
  • statusBar.debuggingBackground#202020
  • statusBar.noFolderBackground#202020
  • statusBarItem.remoteBackground#00000000
  • tab.activeBackground#1a1a1a
  • tab.activeBorder#0000
  • tab.activeBorderTop#0000
  • tab.border#00000000
  • tab.inactiveBackground#262626
  • tab.inactiveForeground#bbb
  • textLink.activeForeground#4d6aff
  • textLink.foreground#4d6aff
  • titleBar.activeBackground#363636
  • widget.border#00000000
  • widget.shadow#00000040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#D4D4D4
emphasisitalic
strongbold
header#000080
comment#484848
constant.language#4cabf9
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#c2ecab
constant.regexp#646695
entity.name.tag#4cabf9
entity.other.attribute-name#9cdcff
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.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#f0cc67
invalid#f44747
markup.underlineunderline
markup.bold#4cabf9bold
markup.heading#4cabf9bold
markup.italicitalic
markup.strikethroughstrikethrough
markup.inserted#b5cea8
markup.deleted#f68f67
markup.changed#4cabf9
punctuation.definition.quote.begin.markdown#6A9955
punctuation.definition.list.begin.markdown#6796e6
markup.inline.raw#f68f67
punctuation.definition.tag#808080
meta.preprocessor, entity.name.function.preprocessor#4cabf9
meta.preprocessor.string#f68f67
meta.preprocessor.numeric#b5cea8
meta.structure.dictionary.key.python#9cdcff
meta.diff.header#4cabf9
storage#4cabf9
storage.type#4cabf9
storage.modifier, keyword.operator.noexcept#4cabf9
string, meta.embedded.assembly#f68f67
string.tag#f68f67
string.value#f68f67
string.regexp#d16969
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#4cabf9
meta.template.expression#d4d4d4
support.type.vendored.property-name, support.type.property-name, meta.function-call.arguments.python, variable.css, variable.scss, variable.other.less, source.coffee.embedded, meta.indexed-name.python#9cdcff
keyword, keyword.control, keyword.operator.comparison.python, keyword.operator.assignment.python, keyword.operator.bitwise.python, keyword.operator.arithmetic.python, punctuation.separator.period.python#4cabf9
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#4cabf9
keyword.other.unit#b5cea8
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#4cabf9
support.function.git-rebase#9cdcff
constant.sha.git-rebase#b5cea8
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#d4d4d4
variable.language#4cabf9
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal, meta.function-call.generic#a98dff
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, support.function.builtin, entity.name.namespace, entity.other.attribute-name.id.css, variable.css#37d8ad
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#37d8ad
keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator, storage.modifier, keyword.operator.logical.and.media.css, keyword.other.unit#df76d6
variable, meta.definition.variable.name, support.variable, entity.name.variable#9cdcff
variable.other.constant, variable.other.enummember, entity.name.type.model.prisma, entity.other.keyframe-offset#3de8ff
meta.object-literal.key#9cdcff
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#f68f67
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#f68f67
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#e9bf4c
keyword.operator.quantifier.regexp#f0cc67
constant.character#4cabf9
constant.character.escape#f0cc67
entity.name.label#C8C8C8
variable.other.property, meta.member.access.python, variable.argument.css#eb6baf
meta.object-literal.key, meta.object.member, meta.objectliteral, meta.item-access.arguments, punctuation.definition.decorator.python, meta.function.decorator.python, entity.name.function.attribute, meta.at-rule.media.header#f0cc67
Enhanced Default Theme by nachoeg - VS Code Theme