Skip to main content
Coding Theme

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#ffffff1a
  • activityBarBadge.background#007acc
  • badge.background#ffffff1a
  • editor.background#242424
  • editor.foreground#cccccc
  • editor.lineHighlightBackground#ffffff0b
  • editor.selectionBackground#204182cc
  • editorGutter.background#ffffff0b
  • editorSuggestWidget.background#303030
  • editorSuggestWidget.highlightForeground#cc6e2f
  • editorSuggestWidget.selectedBackground#204182cc
  • sideBar.background#242424
  • sideBar.border#ffffff1a
  • statusBar.background#ffffff1a
  • statusBar.foreground#cccccc
  • tab.activeBackground#ffffff1a
  • tab.activeBorder#0c7d9d
  • tab.inactiveBackground#ffffff0b
  • titleBar.activeBackground#ffffff1a
  • titleBar.activeForeground#cccccc
  • titleBar.inactiveBackground#ffffff10

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
support.type#7a9ec2
variable.object.property,variable.other.property,variable.other.object.property,variable.property,variable.other.constant.property#9e7bb0
comment#707070italic
meta.object-literal.key,meta.object.literal.key#9e7bb0
variable.language.special.self.python#cc8242
support.constant.edge#cc8242
punctuation.definition.string.begin,punctuation.definition.string.end#6a8759
comment markup.link#5c6370
markup.changed.diff#7a9ec2
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ffcd7e
markup.inserted.diff#6a8759
support.constant.math#7a9ec2
support.constant.property.math#f9bac3
meta.method.java#ffcd7e
support.constant.property-value.scss,support.constant.property-value.css#f9bac3
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#f9bac3
support.constant.color.w3c-standard-color-name.css#f9bac3
support.constant.json#f9bac3
support.variable.property.process#f9bac3
entity.name.function,support.function.console#ffcd7e
support.type.object.dom#9e7bb0
punctuation.separator.c,punctuation.separator.cpp#cc8242
support.type.posix-reserved.c,support.type.posix-reserved.cpp#9e7bb0
meta.function-call.generic.python#ffcd7e
constant.character.format.placeholder.other.python#f9bac3
variable.language#7a9ec2
import.storage.java#7a9ec2
token.package.keyword#cc8242
entity.name.function, meta.require, support.function.any-method, variable.function#ffcd7e
entity.name.type.class#cccccc
entity.name.type#7a9ec2
entity.name.class.identifier.namespace.type#7a9ec2
entity.name.class, variable.other.class.js, variable.other.class.ts, support.class.dart#7a9ec2
keyword.control#cc8242
storage#cc8242
token.storage#cc8242
token.storage.type.java#7a9ec2
support.function#ffcd7e
meta.template.expression#cccccc
constant.other.symbol#9e7bb0
support.constant.property-value.css#a5c261
constant.numeric#f9bac3
constant.language#cc8242
constant#9e7bb0
punctuation.definition.constant#f9bac3
entity.other.attribute-name.id#ffcd7e
entity.other.attribute-name.class.css#ffcd7e
meta.selector#cc8242
markup.heading punctuation.definition.heading, entity.name.section#ffcd7e
markup.bold,todo.bold#f9bac3
punctuation.definition.bold#7a9ec2
markup.italic, punctuation.definition.italic,todo.emphasis#cc8242italic
emphasis md#cc8242
punctuation.definition.bold.markdown#f9bac3
markup.inline.raw.markdown#6a8759
markup.inline.raw.string.markdown#6a8759
markup.underline.link.markdown,markup.underline.link.image.markdown#cc8242
string.other.link.title.markdown,string.other.link.description.markdown#ffcd7e
string.regexp#9e7bb0
constant.character.escape#9e7bb0
punctuation.section.embedded.begin,punctuation.section.embedded.end#cc8242
invalid.illegal#ffffff
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#6a8759
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#9e7bb0
entity.name.tag#ffcd7e
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#cc8242
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#cc8242
support.other.namespace.use.php,support.other.namespace.use-as.php,entity.other.alias.php,meta.interface.php#7a9ec2
invalid.illegal.non-null-typehinted.php#f44747
support.token.decorator.python,meta.function.decorator.identifier.python#9e7bb0
constant.language.symbol.ruby#9e7bb0
rgb-value#9e7bb0
inline-color-decoration rgb-value#f9bac3
less rgb-value#f9bac3
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#7a9ec2
storage.type.cs#7a9ec2
token.info-token#ffcd7e
token.warn-token#f9bac3
token.error-token#f44747
token.debug-token#cc8242
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#cc8242
support.type.type.flowtype#ffcd7e
support.type.primitive#7a9ec2
keyword.other.template.begin#6a8759
keyword.other.template.end#6a8759
keyword.other.substitution.begin#6a8759
keyword.other.substitution.end#6a8759
entity.name.package.go#7a9ec2
punctuation.quasi.element#cc8242
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#9e7bb0
entity.global.clojure#7a9ec2
constant.keyword.clojure#9e7bb0
source.ini#6a8759
source.makefile#7a9ec2
storage.modifier.import.groovy#7a9ec2
meta.method.groovy#ffcd7e
meta.definition.class.inherited.classes.groovy#6a8759
support.type.swift, support.type.vb.asp#7a9ec2
entity.name.function.xi#7a9ec2
entity.name.class.xi#9e7bb0
constant.regexp.xi#cc8242
beginning.punctuation.definition.quote.markdown.xi#6a8759
beginning.punctuation.definition.list.markdown.xi#707070
constant.character.xi#ffcd7e
accent.xi#ffcd7e
wikiword.xi#f9bac3
punctuation.definition.tag.xi#5c6370
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#7a9ec2
markup.quote.markdown#5c6370
entity.name.variable.parameter.cs#7a9ec2
markup.inserted#6a8759
markup.underlineunderline
entity.other.inherited-class#7a9ec2
keyword.operator.logical,keyword.operator.expression,keyword.operator.ternary,keyword.operator.new#cc8242
keyword.operator#cccccc
keyword#cc8242
string#6a8759
Darcula Expanded by astron8t - VS Code Theme