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.

  • 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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Railscasts Renewed - Coding Theme