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.

  • editor.background#2B2B2B
  • editor.foreground#E6E1DC
  • editor.lineHighlightBackground#333435
  • editor.selectionBackground#5A647EE0
  • editorCursor.foreground#FFFFFF
  • editorWhitespace.foreground#3b4048

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
string#A5C261
comment#BC9458
storage.modifier#CC7833
support.constant.core#A5C261
support.constant.edge#B6B3EB
constant.other.character-class.regexp#DA4939
keyword.operator.quantifier.regexp#FFC66D
punctuation.definition.string.begin,punctuation.definition.string.end#A5C261
variable.parameter.function#A5C261
markup.changed.diff#FFC66D
meta.diff.header.from-file,punctuation.definition.from-file.diff#6D9CBE
markup.inserted.diff#A5C261
markup.deleted.diff#DA4939
variable.other.constant#FFC66D
keyword.operator.logical#6D9CBE
keyword.operator.bitwise#6D9CBE
keyword.operator.channel#6D9CBE
punctuation.definition.template-expression.begin,punctuation.definition.template-expression.end#DA4939
support.module.node,support.type.object.module,support.module.node#FFC66D
entity.name.type.module#FFC66D
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#6D9CBE
support.constant.json#FFC66D
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#B6B3EB
support.type.object.console#DA4939
support.variable.property.process#FFC66D
entity.name.function,support.function.console#6D9CBE
keyword.operator#6D9CBE
keyword.operator.delete#B6B3EB
support.type.object.dom#6D9CBE
support.variable.dom,support.variable.property.dom#DA4939
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment#6D9CBE
punctuation.separator.delimiter#F9F7F3
none#F9F7F3
keyword.operator#F9F7F3
keyword.operator.assignment.compound#B6B3EB
keyword#B6B3EB
variable#DA4939
variable.language#FFC66D
token.package.keyword#B6B3EB
token.package#F9F7F3
entity.name.function, meta.require, support.function.any-method, variable.function#6D9CBE
entity.name.type.namespace#FFC66D
support.class, entity.name.type.class#FFC66D
entity.name.class.identifier.namespace.type#FFC66D
entity.name.class, variable.other.class.js, variable.other.class.ts#FFC66D
variable.other.class.php#DA4939
entity.name.type#FFC66D
keyword.control#CC7833
control.elements, keyword.operator.less#FFC66D
keyword.other.special-method#6D9CBE
storage#B6B3EB
token.storage#B6B3EB
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void#B6B3EB
support.function#6D9CBE
support.type.property-name#F9F7F3
support.constant.property-value#F9F7F3
support.constant.font-name#FFC66D
meta.tag#F9F7F3
entity.other.inherited-class#FFC66D
constant.other.symbol#6D9CBE
constant.numeric#FFC66D
none#FFC66D
none#FFC66D
constant#FFC66D
punctuation.definition.constant#6D9CBE
entity.name.tag#DA4939
entity.other.attribute-name#FFC66D
entity.other.attribute-name.id#6D9CBEnormal
meta.selector#B6B3EB
none#FFC66D
markup.heading#DA4939bold
markup.heading punctuation.definition.heading, entity.name.section#6D9CBE
keyword.other#CC7833
keyword.other.unit#DA4939
markup.bold,todo.bold#FFC66Dbold
punctuation.definition.bold#FFC66D
markup.italic, punctuation.definition.italic,todo.emphasis#B6B3EB
emphasis md#B6B3EB
string.regexp#6D9CBE
constant.character.escape#6D9CBE
punctuation.section.embedded, variable.interpolation#DA4939
red.illegal#DA4939
red.broken#DA4939
red.deprecated#DA4939
red.unimplemented#DA4939
source.json meta.structure.dictionary.json > string.quoted.json#6D9CBE
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#6D9CBE
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#A5C261
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#6D9CBE
support.type.property-name.json#6D9CBE
support.type.property-name.json punctuation#6D9CBE
function.parameter#FFC66D
function.parameter#F9F7F3
function.brace#F9F7F3
rgb-value#6D9CBE
inline-color-decoration rgb-value#FFC66D
block.scope.end,block.scope.begin#F9F7F3
storage.type.cs#FFC66D
entity.name.variable.local.cs#DA4939
token.info-token#6D9CBE
token.warn-token#FFC66D
token.error-token
token.debug-token#B6B3EB
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded, constant.character.escaped, constant.character.escape, string source#519F50
meta.template.expression#F9F7F3
keyword.operator.module#B6B3EB
support.type.type.flowtype#6D9CBE
support.type.primitive#FFC66D
meta.property.object#DA4939
keyword.other.template.begin#A5C261
keyword.other.template.end#A5C261
keyword.other.substitution.begin#A5C261
keyword.other.substitution.end#A5C261
keyword.operator.assignment#6D9CBE
punctuation.quasi.element#B6B3EB
constant.character.entity#DA4939
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#6D9CBE
source.ini#A5C261
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#FFC66D
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#B6B3EB
punctuation.separator.c,punctuation.separator.cpp#B6B3EB
support.type.posix-reserved.c,support.type.posix-reserved.cpp#6D9CBE
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#B6B3EB
meta.function.c,meta.function.cpp#DA4939
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#F9F7F3
support.constant.property-value.scss,support.constant.property-value.css#FFC66D
keyword.operator.css,keyword.operator.scss,keyword.operator.less#6D9CBE
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#FFC66D
punctuation.separator.list.comma.css#F9F7F3
support.constant.color.w3c-standard-color-name.css#FFC66D
entity.other.attribute-name.class.css#FFC66Dnormal
less rgb-value#FFC66D
selector.sass#DA4939
support.type.vendored.property-name.css#6D9CBE
variable.other.readwrite.module.elixir#B6B3EB
variable.other.generic-type.haskell#B6B3EB
storage.type.haskell#FFC66D
storage.type.annotation.java, storage.type.object.array.java#FFC66D
source.java#DA4939
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#F9F7F3
meta.method.java#6D9CBE
storage.modifier.import.java,storage.type.java,storage.type.generic.java#FFC66D
keyword.operator.instanceof.java#B6B3EB
token.variable.parameter.java#F9F7F3
import.storage.java#FFC66D
token.storage.type.java#FFC66D
meta.definition.variable.name.java#DA4939
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#FFC66D
variable.parameter.function.js#DA4939
meta.arguments.coffee, variable.parameter.function.coffee#DA4939
entity.name.section.markdown#DA4939
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#DA4939
punctuation.definition.heading.markdown#DA4939
punctuation.definition.list.begin.markdown#DA4939
markup.heading.setext#F9F7F3
punctuation.definition.bold.markdown#FFC66D
markup.inline.raw.markdown#A5C261
markup.inline.raw.string.markdown#A5C261
punctuation.definition.list.markdown#DA4939
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#DA4939
beginning.punctuation.definition.list.markdown#DA4939
punctuation.definition.metadata.markdown#DA4939
markup.underline.link.markdown,markup.underline.link.image.markdown#B6B3EB
string.other.link.title.markdown,string.other.link.description.markdown#6D9CBE
markup.bold.markdownbold
support.variable.magic.python#DA4939
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python,#F9F7F3
variable.parameter.function.language.python#FFC66D
support.type.python#6D9CBE
keyword.operator.logical.python#B6B3EB
variable.parameter.function.python#FFC66D
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#F9F7F3
meta.function-call.generic.python#6D9CBE
constant.character.format.placeholder.other.python#FFC66D
meta.function.decorator.python#6D9CBE
support.token.decorator.python,meta.function.decorator.identifier.python#6D9CBE
variable.parameter.function.language.special.self.python#FFC66D
variable.language.rust#B6B3EB
storage.type.core.rust#CC7833
keyword.operator.sigil.rust#B6B3EB
keyword.operator.misc.rust#519F50
support.function.std.rust#DA4939
entity.name.lifetime.rust#519F50