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.markdown—italic
markup.bold.markdown—bold
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.range—italic
markup.inserted.diff#abbc6a—
markup.deleted.diff#de7868—
CombinedCasts by eugeneoneill - VS Code Theme