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#3c3c3c
  • editor.background#242424
  • editor.foreground#cccccc
  • editor.lineHighlightBackground#2c2c2c
  • editor.selectionBackground#1a414d
  • editorGroup.border#00000000
  • editorLineNumber.foreground#cccccc
  • editorOverviewRuler.border#00000000
  • scrollbar.shadow#00000000
  • scrollbarSlider.background#ffffff11
  • sideBar.background#242424
  • sideBar.border#3c3c3c
  • tab.activeForeground#777777
  • titleBar.activeBackground#3c3c3c
  • titleBar.border#3c3c3c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#707070—
keyword.operator,keyword.operator.logical,keyword.operator.relational,keyword.operator.assignment,keyword.operator.comparison,keyword.operator.ternary,keyword.operator.arithmetic,keyword.operator.spread#CCCCCC—
string,string.character.escape,string.template.quoted,string.template.quoted.punctuation,string.template.quoted.punctuation.single,string.template.quoted.punctuation.double,string.type.declaration.annotation,string.template.quoted.punctuation.tag#6A8759—
punctuation.definition.template-expression.begin,punctuation.definition.template-expression.end#CC8242—
expression.string,meta.template.expression#CCCCCC—
constant.numeric#7A9EC2—
constant.language,variable.language#CC8242—
constant.character, constant.other#9E7BB0—
keyword,keyword.operator.new,keyword.operator.delete,keyword.operator.static,keyword.operator.this,keyword.operator.expression#CC8242—
entity.name.type,meta.return.type,meta.type.annotation,meta.type.parameters,support.type.primitive#7A9EC2—
storage,storage.type,storage.modifier,storage.arrow#CC8242—
class.instance.constructor,new.expr entity.name.type#FFC66D—
support.function, entity.name.function#FFC66D—
annotation.meta.ts, annotation.meta.tsx#CCCCCC—
variable.parameter, operator.rest.parameters#CCCCCC—
variable.property,variable.other.property,variable.other.object.property,variable.object.property,support.variable.property#9E7BB0—
quote.module#6A8759—
markup.heading#CC8242—
punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end, entity.name.tag#FFC66D—
entity.other.attribute-name#CCCCCC—
meta.object-literal.key#9E7BB0—
storage.modifier.ts#CC8242—
ts.cast.expr,ts.meta.entity.class.method.new.expr.cast,ts.meta.entity.type.name.new.expr.cast,ts.meta.entity.type.name.var-single-variable.annotation,tsx.cast.expr,tsx.meta.entity.class.method.new.expr.cast,tsx.meta.entity.type.name.new.expr.cast,tsx.meta.entity.type.name.var-single-variable.annotation#7A9EC2—
ts.meta.type.support,ts.meta.type.entity.name,ts.meta.class.inherited-class,tsx.meta.type.support,tsx.meta.type.entity.name,tsx.meta.class.inherited-class,type-declaration,enum-declaration#7A9EC2—
function-declaration,method-declaration,method-overload-declaration,type-fn-type-parameters#FFC66D—
comment.block.documentation#6A8759—
storage.type.class.jsdoc#CC8242—
constant.language.import-export-all#CCCCCC—
objectliteral.key.separator, punctuation.separator.key-value#CCCCCC—
regex— italic
ts.meta.entity.name.namespace,tsx.meta.entity.name.namespace#CCCCCC—
regex.character-class#CCCCCC—
entity.name.type.class#CCCCCC—
entity.other.inherited-class#7A9EC2—
entity.name.type.instance.jsdoc#FFC66D—
yaml.entity.name,yaml.string.entity.name#CC8242—
yaml.string.out#CCCCCC—
meta.brace.square.ts,block.support.module,block.support.type.module,block.support.function.variable,punctuation.definition.typeparameters.begin,punctuation.definition.typeparameters.end#CCCCCC—
string.regexp#CC8242—
punctuation.definition.group.regexp,punctuation.definition.character-class.regexp#FFC66D—
constant.other.character-class.regexp, constant.character.escape.ts#CCCCCC—
expr.regex.or.operator#CCCCCC—
string.template.tag,string.template.punctuation.tag,string.quoted.punctuation.tag,string.quoted.embedded.tag, string.quoted.double.tag#6A8759—
tag.punctuation.begin.arrow.parameters.embedded,tag.punctuation.end.arrow.parameters.embedded#CCCCCC—
object-literal.object.member.key.field.other,object-literal.object.member.key.accessor,object-literal.object.member.key.array.brace.square#CCCCCC—
property-list.property-value,property-list.constant#A5C261—
support.type.property-name.variable.css,support.type.property-name.variable.scss,variable.scss#7A9EC2—
entity.other.attribute-name.class.css,entity.other.attribute-name.class.scss,entity.other.attribute-name.parent-selector-suffix.css,entity.other.attribute-name.parent-selector-suffix.scss#FFC66D—
property-list.property-value.rgb-value, keyword.other.unit.css,keyword.other.unit.scss#7A9EC2—
property-list.property-value.function#FFC66D—
support.constant.property-value.css,support.constant.property-value.scss#A5C261—
css.entity.name.tag,scss.entity.name.tag#CC8242—
meta.selector.css, entity.attribute-name.id, entity.other.attribute-name.pseudo-class.css,entity.other.attribute-name.pseudo-element.css#FFC66D—
keyword.scss,keyword.css#CC8242—
triple-slash.tag#CCCCCCitalic
token.info-token#6796e6—
token.warn-token#cd9731—
token.error-token#f44747—
token.debug-token#b267e6—
keyword.operator.logical.python#CC8242—
comment#444—
meta.decorator variable.other.readwrite, meta.decorator entity.name.function, meta.decorator punctuation.decorator, meta.decorator meta.brace.round#555—
meta.import punctuation.definition.block, meta.import punctuation.separator.comma.tsx, meta.import string.quoted, meta.import variable, meta.import keyword.control, meta.import keyword.control.import, meta.import keyword.control.as, meta.export keyword.control.export, meta.import constant.language.import-export-all, meta.export constant.language.import-export-all, meta.import punctuation.separator.comma.ts#555—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#555—
punctuation.accessor, punctuation.separator.parameter, punctuation.definition.block, punctuation.terminator.statement, meta.brace.round, punctuation.definition.parameters.begin, punctuation.definition.parameters.end#555—
meta.objectliteral punctuation.definition.block#CCC—
meta.parameters storage.modifier.ts, keyword.control.import, keyword.control.export, keyword.control.default, storage.modifier, variable.language.this, meta.var.expr storage.type, storage.type.function.arrow#52483a—
meta.indexer.mappedtype.declaration keyword.operator.expression.in, keyword.operator.expression.keyof, meta.type storage.modifier.ts, keyword.operator.expression.infer, meta.type keyword.operator.ternary, keyword.operator.rest, meta.indexer.declaration meta.brace.square.ts, keyword.operator.expression.typeof.ts, meta.type.parameters storage.modifier.ts, meta.type entity.name.type.module, meta.return.type entity.name.type.module, meta.type.annotation, meta.field.declaration.ts storage.modifier.ts, meta.field.declaration.ts storage.modifier.tsx, meta.type punctuation, meta.type punctuation.separator.parameter, meta.type punctuation.definition.parameters.begin, meta.type punctuation.definition.parameters.end, meta.return.type punctuation.definition.parameters.begin, meta.return.type punctuation.definition.parameters.end, meta.type storage.type.function.arrow, meta.type meta.brace.round, meta.return.type meta.brace.round, meta.type meta.brace.square.ts, meta.return.type meta.brace.square.ts, meta.object.type meta.brace.square.ts, cast.expr meta.brace.angle, keyword.operator.type, meta.type keyword.operator.new, meta.type variable.parameter, meta.object.type variable.object.property, keyword.operator.optional, new.expr meta.type.parameters entity.name.type, meta.object.type punctuation.definition.block, entity.name.type, meta.type.parameters, meta.type.declaration, support.type.primitive, support.type.builtin, entity.name.type.module, entity.name.type.alias, entity.name.type.interface, keyword.control.as, punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end, meta.namespace.declaration punctuation.accessor, meta.type keyword.operator.expression.typeof, meta.type storage.modifier, meta.type constant.numeric.decimal, meta.type string.quoted.double, meta.type string.quoted.single, meta.type punctuation.accessor, meta.return.type punctuation.accessor, meta.return.type string.quoted.double, meta.return.type string.quoted.single, meta.indexer.declaration variable.parameter, meta.type keyword.operator.assignment#606570—
entity.name.type.interface, entity.name.type.module, entity.other.inherited-class, entity.name.type.enum#CCC—
new.expr entity.name.type#FFC66D—
comment.block.documentation, storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc#6A8759—
storage.type.internaldeclaration#444—
Barracuda theme by cevek - VS Code Theme