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#2E2E2E
  • editor.foreground#d6d6d6
  • editor.selectionBackground#5A647E
  • editorCursor.foreground#FFFFFF
  • editorLineNumber.foreground#5a5a5a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#797979italic
entity.name.type#FFFFFF—
entity.other.inherited-class#d6d6d6—
keyword#CDA869—
storage#F9EE98—
constant#6c99bb—
constant.variable#6c99bb—
constant.character.escape#a1617a—
constant.numeric#CF6A4C—
variable#d0d0ff—
variable.parameter#d6d6d6—
string#8F9D6A—
support.type#DDF2A4—
support.function#DAD085—
entity.name.function#9B703C—
meta.class#d6d6d6—
entity.other.attribute-name#cc7833—
meta.tag#9B703C—
punctuation.section.embedded#c45837—
support.constant.property-value.css#b4c973—
keyword.other.unit#b4c973—
punctuation.separator.key-value.css, punctuation.separator.key-value.scss#797979—
punctuation.terminator.rule.css, punctuation.terminator.rule.scss#797979—
variable.scss, variable.css#d6d6d6—
entity.name.tag#d6d6d6—
punctuation.definition.bold#c45837bold
punctuation.definition.italic#ffc66ditalic
string.other.link#6c99bb—
markup.italic#ffc66ditalic
markup.bold#c45837bold
markup.inline.raw#b4c973—
markup.heading#fffffffbold
markup.heading punctuation.definition.heading#6c99bb—
punctuation.definition.metadata.markdown#797979—
markup.underline.link.markdown, markup.underline.link.image.markdown#797979—
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#797979—
variable.object.property.ts#d6d6d6—
punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python#d6d6d6—
meta.function-call.python, variable.legacy.builtin.python#7587A6—
variable.legacy.builtin.python#c45837—
variable.legacy.builtin.python#d0d0ff—
meta.tag.without-attributes.tsx#ffc66d—
meta.embedded.expression.tsx#ffc66d—
meta.jsx.children.tsx#ab8448—
support.type.graphql#ffffff—
punctuation.colon.graphql, punctuation.or.graphql, punctuation.assignment.graphql#cc7833—
meta.brace.round.graphql, meta.brace.square.graphql#d6d6d6—
punctuation.operation.graphql#d6d6d6—
keyword.type.graphql, keyword.interface.graphql, meta.type.interface.graphql, keyword.implements.graphql.RRR#ff9834—
Afterglow-ReInacted-II by doodu - VS Code Theme