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#2c2b32
  • activityBar.foreground#fafafa
  • activityBar.inactiveForeground#749f6d
  • activityBarBadge.background#b91c1c
  • badge.background#00000000
  • badge.foreground#e4e4e7
  • button.background#2c2b32
  • button.border#749f6d
  • debugIcon.breakpointCurrentStackframeForeground#749f6d
  • debugIcon.breakpointDisabledForeground#848484
  • debugIcon.breakpointForeground#FF7A84
  • debugIcon.breakpointStackframeForeground#749f6d
  • debugIcon.breakpointUnverifiedForeground#848484
  • debugIcon.continueForeground#FF7A84
  • debugIcon.disconnectForeground#FF7A84
  • debugIcon.pauseForeground#FF7A84
  • debugIcon.restartForeground#749f6d
  • debugIcon.startForeground#749f6d
  • debugIcon.stepBackForeground#FF7A84
  • debugIcon.stepIntoForeground#FF7A84
  • debugIcon.stepOutForeground#FF7A84
  • debugIcon.stepOverForeground#FF7A84
  • debugIcon.stopForeground#FF7A84
  • diffEditor.insertedTextBackground#3a632a4b
  • diffEditor.removedTextBackground#88063852
  • editor.background#1f1e25
  • editor.lineHighlightBorder#71717a
  • editorGroupHeader.tabsBackground#2c2b32
  • editorGroupHeader.tabsBorder#2c2b32
  • editorIndentGuide.activeBackground1#a1a1aa
  • editorIndentGuide.background1#3f3f46
  • editorLineNumber.foreground#71717a
  • editorRuler.foreground#3f3f46
  • editorSuggestWidget.background#2c2b32
  • focusBorder#00000000
  • foreground#F5F5F5
  • gitDecoration.ignoredResourceForeground#7d7d8a
  • input.background#2c2b32
  • input.border#749f6d
  • input.foreground#e4e4e7
  • inputOption.activeBackground#2c2b32
  • list.activeSelectionBackground#45444b
  • list.activeSelectionForeground#F5F5F5
  • list.focusBackground#45444b
  • list.highlightForeground#EAEAEA
  • list.hoverBackground#45444b
  • list.hoverForeground#F5F5F5
  • list.inactiveSelectionBackground#45444b
  • list.inactiveSelectionForeground#F5F5F5
  • panelTitle.activeBorder#1f1e25
  • panelTitle.activeForeground#FAFAFA
  • panelTitle.inactiveForeground#484848
  • peekView.border#444
  • peekViewEditor.background#1f1e25
  • pickerGroup.border#363636
  • pickerGroup.foreground#EAEAEA
  • progressBar.background#FAFAFA
  • scrollbar.shadow#1f1e25
  • sideBar.background#2c2b32
  • sideBarSectionHeader.background#1f1e25
  • statusBar.background#2c2b32
  • statusBar.debuggingBackground#2c2b32
  • statusBar.foreground#7E7E7E
  • statusBar.noFolderBackground#2c2b32
  • statusBarItem.prominentBackground#fafafa1a
  • statusBarItem.remoteBackground#2c2b3200
  • statusBarItem.remoteForeground#7E7E7E
  • symbolIcon.classForeground#f580d7
  • symbolIcon.constructorForeground#FF7A84
  • symbolIcon.enumeratorForeground#f580d7
  • symbolIcon.enumeratorMemberForeground#06d6d6
  • symbolIcon.eventForeground#f580d7
  • symbolIcon.fieldForeground#79b8ff
  • symbolIcon.functionForeground#6cb2fd
  • symbolIcon.interfaceForeground#06d6d6
  • symbolIcon.methodForeground#6cb2fd
  • symbolIcon.variableForeground#f5a05b
  • tab.activeBorder#1f1e25
  • tab.activeForeground#FAFAFA
  • tab.border#2c2b32
  • tab.inactiveBackground#2c2b32
  • tab.inactiveForeground#a1a1aa
  • terminal.ansiBrightBlack#5c5c5c
  • textLink.activeForeground#fafafa
  • textLink.foreground#749f6d
  • titleBar.activeBackground#2c2b32
  • titleBar.border#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, constant, entity, keyword, meta, storage, string, support, variableitalic
#b392f0
meta.attribute.python, support.function.builtin.python, entity.name.function.c#b392f0
support.function, keyword.operator.accessor, meta.group.braces.round.function.arguments, meta.template.expression, markup.fenced_code meta.embedded.block, string#e4e4e7
emphasisitalic
strong, markup.heading.markdown, markup.bold.markdown#ff4453bold
markup.italic.markdownitalic
meta.link.inline.markdown#e4e4e7underline
markup.fenced_code, markup.inline#c59d9d
comment, string.quoted.docstring.multi#a1a1aa
constant.numeric, constant.other.placeholder, constant.character.format.placeholder, meta.property-value, keyword.other.unit, keyword.other.template, entity.name.tag.yaml, entity.other.attribute-name, variable.object.property, variable.other.property.go, meta.object-literal.key, meta.indexed-name.python, keyword.control.directive.include.c, punctuation.definition.directive.c#06d6d6
keyword, storage.modifier, storage.type, storage.control.clojure, entity.name.function.clojure, support.function.node, punctuation.separator.key-value, punctuation.definition.template-expression, support.type.primitive.prisma, punctuation.definition.entity, constant.character.entity#f5a05b
variable.parameter.function, variable.other.readwrite, variable.parameter, meta.parameters, variable.other.property, variable.other.assignment, meta.definition.variable, meta.var-single-variable.expr, entity.name.type.class, entity.other.inherited-class, variable.other, support, constant.character.format.placeholder.other.python, constant.other.placeholder.c#e4e4e7
meta.function-call, meta.instance.constructor, entity.name.function, constant.keyword.clojure, constant.language.boolean, constant.language.json, support.class.component#6cb2fd
constant.language, variable.language.this, variable.other.object, variable.other.class, variable.other.constant, meta.property-name, string.other.link.title.markdown, entity.name.type, variable.language.relations.prisma, variable.prop.css, support.type.python, constant.character.escape.c, support.type.primitive#f580d7
string.quoted, string.regexp, string.interpolated, string.template, string.unquoted.plain.out.yaml, keyword.other.template#95bb60
entity.name.tag, variable.parameter.function-call.python, storage.type.built-in.primitive.c#fc5a5a
entity.name.function.decorator.python, punctuation.definition.decorator.python, string.quoted.other.lt-gt.include.c#c2bf23
token.info-token#316bcd
token.warn-token#cd9731
token.error-token#cd3131
token.debug-token#800080
punctuation.definition.arguments, punctuation.definition.dict, punctuation.separator, meta.function-call.arguments, punctuation.definition.parameters, punctuation.definition.block, punctuation.definition.square, punctuation.definition.begin.bracket.curly, punctuation.definition.typeparameters, punctuation.definition.tag, punctuation.definition.binding-pattern.object, punctuation.accessor, meta.var.expr, meta.block, source.python#e4e4e7
markup.underline.link#e4e4e7
beginning.punctuation.definition.list.markdown#FF7A84
punctuation.definition.metadata.markdown#e4e4e7
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown#79b8ff