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#232323
  • editor.foreground#E6E1DC
  • editor.lineHighlightBackground#333435
  • editor.selectionBackground#5A647EE0
  • editorCursor.foreground#888888
  • editorWhitespace.foreground#404040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#E6E1DC
function.brace#abb2bf
comment#c8a36eitalic
string#abbc6a
constant.numeric#abbc6a
constant.language#7eadc9
constant.character, constant.other#7eadc9
variable.language, variable.other#dfdff6
keyword#da9a61
storage#da9a61
entity.name.class#FFFFFF
entity.other.inherited-class#ecc56d
entity.name.function#ecc56d
variable.parameter#dfdff6
var.this.js,var.this.ts,variable.language.this.js,variable.language.this.ts#e5c07bitalic
entity.other.attribute-name.js,variable.parameter.js,variable.language.super.js,entity.other.attribute-name.ts,variable.parameter.ts,variable.language.super.ts,italic
function.parameter#d19a66
function.parameter.js,function.parameter.ts#abb2bf
entity.name.tag#ecc56d
entity.other.attribute-name#ecc56d
support.function#de7868
support.constant#abbc6a
support.type, support.class#7eadc9
support.other.variable#7eadc9
invalid#FFFFFF
constant.character.escaped, constant.character.escape, string source, string source.ruby#4FA84F
variable.other.constant#de7868
variable.scss, meta.set.variable#dfdff6
meta.tag, declaration.tag#ecc56d
text.html.markdown#F2F2F2
meta.separator.markdown#da9a61
markup.raw.block.markdown, markup.raw.inline.markdown#4d84ac
punctuation.definition.heading.markdown, punctuation.definition.list.markdown#da9a61
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.blockquote.markdown, punctuation.definition.quote.markdown, punctuation.definition.list_item.markdown#9f9f9f
text.html.markdown entity.name.section#dfdff6bold
markup.italic.markdownitalic
markup.bold.markdownbold
punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, punctuation.definition.link.markdown, punctuation.definition.metadata.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown#da9a61
punctuation.definition.metadata.markdown, meta.link.inline.markdown, meta.link.reference.markdown meta.link.reference.literal.markdown#9f9f9f
string.other.link.title.markdown, string.other.link.description.title.markdown#da9a61
markup.underline.link.markdown#4d84ac
text.html.markdown entity.name.tag, text.html.markdown meta.tag, text.html.markdown entity.other.attribute-name, text.html.markdown string.quoted#7eadc9
meta.diff.header#3690c5
meta.diff.header.from-file, meta.diff.header.to-file#5e9fc6
meta.diff.range, meta.diff.index, meta.separator#7eadc9
meta.diff.rangeitalic
markup.inserted.diff#abbc6a
markup.deleted.diff#de7868

Shiki preview

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

Loading...

CombinedCasts - Coding Theme