Skip to main content
CodingTheme

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#2C3E50
  • editor.foreground#e0e0e0
  • editor.lineHighlightBackground#95A5A655
  • editor.selectionBackground#7F8C8D
  • editorCursor.foreground#e0e0e0
  • editorWhitespace.foreground#95A5A6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#e0e0e0
variable.parameter.function#e0e0e0
comment, punctuation.definition.comment#95A5A6
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#e0e0e0
none#e0e0e0
keyword.operator#e0e0e0
keyword#9B59B6
variable#E74C3C
entity.name.function, meta.require, support.function.any-method#3498DB
support.class, entity.name.class, entity.name.type.class#F1C40F
meta.class#ECF0F1
keyword.other.special-method#3498DB
storage#9B59B6
support.function#1ABC9C
string, constant.other.symbol, entity.other.inherited-class#2ECC71
constant.numeric#E67E22
none#E67E22
none#E67E22
constant#E67E22
entity.name.tag#E74C3C
entity.other.attribute-name#E67E22
entity.other.attribute-name.id, punctuation.definition.entity#3498DB
meta.selector#9B59B6
none#E67E22
markup.heading punctuation.definition.heading, entity.name.section#3498DB
keyword.other.unit#E67E22
markup.bold, punctuation.definition.bold#F1C40Fbold
markup.italic, punctuation.definition.italic#9B59B6italic
markup.raw.inline#2ECC71
string.other.link, punctuation.definition.string.end.markdown#E74C3C
meta.link#E67E22
markup.list#E74C3C
markup.quote#E67E22
meta.separator#e0e0e0
markup.inserted#2ECC71
markup.deleted#E74C3C
markup.changed#9B59B6
constant.other.color#1ABC9C
string.regexp#1ABC9C
constant.character.escape#1ABC9C
punctuation.section.embedded, variable.interpolation#9B59B6
invalid.illegal#ECF0F1
invalid.broken#2C3E50
invalid.deprecated#ECF0F1
invalid.unimplemented#ECF0F1

Shiki preview

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

Loading...

Base16 color schemes by technosophos - VS Code Theme