Skip to main content
CodingTheme

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#dddddd
  • activityBar.foreground#000000
  • activityBar.inactiveForeground#383838
  • editor.background#ffffff
  • editor.foreground#000000
  • editorLineNumber.foreground#787878
  • statusBar.background#40357A
  • symbolIcon.classForeground#4A8854
  • symbolIcon.constantForeground#BD4345
  • symbolIcon.fieldForeground#BD4345
  • symbolIcon.interfaceForeground#5F4F9F
  • symbolIcon.methodForeground#60925C
  • symbolIcon.packageForeground#735043

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
invalid.deprecated#000000strikethrough
emphasisitalic
invalid, invalid.illegal#CD3131
strongbold
#000000
storage.type.annotation, meta.declaration.annotation, meta.function.decorator#646464
#000000
meta.return-type, support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class#000000
comment#3F7F5F
constant.language, constant.other, constant.other.enum, variable.other.enummember, support.constant#0000C0italic bold
#3F5FBF
#7F7F9F
#7F9FBFbold
entity.name.type.enum#000000
variable.other.object.property, variable.other.property, entity.name.variable.field, entity.name.variable.property, entity.name.variable.event#0000C0
meta.function#000000
meta.function-call#000000
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike, keyword.operator.noexcept, keyword.other.unit, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator, storage, storage.modifier, storage.type, meta.preprocessor, variable.language.this#7F0055bold
entity.name.function.preprocessor#000000
meta.method.identifier#000000
meta.method#000000
constant.numeric, meta.preprocessor.numeric#000000
keyword.operator, keyword.operator.plus.exponent, keyword.operator.minus.exponent, keyword.operator.or.regexp, keyword.control.anchor.regexp, keyword.operator.quantifier.regexp, punctuation.separator.comma, punctuation.separator.delimiter, punctuation.separator.key-value, punctuation.definition.section.case-statement, punctuation.terminator.statement, punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp#000000
variable.parameter, entity.name.variable.parameter#6A3E3E
#000000italic
string, string.tag, string.value, string.regexp, meta.embedded.assembly, meta.preprocessor.string, constant.character, constant.character.escape, constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp, constant.regexp#2A00FF
entity.name.tag, entity.name.tag.localname#3F7F7F
punctuation.definition.tag#008080
#000000
#000000
#6A3E3E
meta.definition.variable#6A3E3E
entity.other.attribute-name.css#3F7F7F
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css#3F7F7Fitalic
entity.other.attribute-name.id.css#3F7F7Fitalic
support.function.misc.css, support.function.misc.scss, entity.name.function.scss#000000
support.type.property-name.css#7F007F
support.constant.property-value.css, meta.property-value.css, meta.property-value.scss#0000C0italic bold
entity.other.attribute-name.pseudo-class.css#3F7F7Fitalic
variable.scss#6A3E3E
storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy#000000
storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java, entity.other.inherited-class.java#000000
comment.block.javadoc.java#3F5FBF
#7F7F9F
keyword.other.documentation.javadoc.java#7F9FBFbold
#0000C0
constant.other.key.java#000000
meta.decorator.ts#646464
variable.other.object.js, variable.other.object.ts, variable.other.readwrite.alias.ts#000000
variable.other.constant.js, variable.other.constant.ts#0000C0italic bold
support.variable.property.js, variable.object.property.ts#0000C0
constant.language.boolean.true.js, constant.language.boolean.false.js#DD2867bold
meta.definition.method.js, meta.definition.method.ts#000000
storage.type.function.arrow#000000
meta.object-literal.key.js, meta.object-literal.key.ts#000000
meta.definition.variable.js, meta.definition.variable.ts#6A3E3E
meta.block.js, source.js, meta.block.ts, source.ts, variable.other.readwrite.ts#6A3E3E
meta.diff.header#000080
markup.underlineunderline
markup.bold#000080bold
markup.heading#800000bold
markup.italicitalic
markup.inserted#098658
markup.deleted#A31515
markup.changed#0451A5
punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown#0451A5
markup.inline.raw#800000
meta.template.expression#000000
support.function.git-rebase#0451A5
constant.sha.git-rebase#098658
token.info-token#316BCD
token.warn-token#CD9731
token.error-token#CD3131
token.debug-token#800080

Shiki preview

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

Loading...

Eclipse theme by Solrike by Solrike - VS Code Theme