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#191919
  • editor.findMatchBackground#7F260D
  • editor.findMatchHighlightBackground#7F260D
  • editor.foreground#CFCFCF
  • editor.lineHighlightBackground#222222
  • editorCursor.foreground#F38630
  • editorIndentGuide.background#333333
  • statusBar.background#7F4619
  • statusBar.foreground#D1D1D1
  • tab.activeBorderTop#DB792B
  • tab.activeForeground#FFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity, source, meta.namespace-block.cpp, variable#d1d1d1—
comment, punctuation.definition.comment, punctuation.end.definition.comment, punctuation.start.definition.comment, string.quoted.docstring.multi.python#8EAB6F—
keyword, keyword.control, keyword.control.directive.include, keyword.operator.expression, keyword.operator.new, keyword.operator.asp, keyword.operator.arrow, punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end, punctuation.parenthesis.open, punctuation.parenthesis.close, storage.modifier, storage.type.asp, storage.type.js, storage.type.ts, storage.type.function, storage.type.interface, storage.type.enum, storage.type.c, storage.type.class, storage.type.cpp, storage.type.modifier, storage.type.namespace, storage.type.def, storage.type.property, storage.type.type, support.class.builtin, support.function, support.type.primitive.ts, support.constant.property-value.css, variable.language.this, comment.block.ts storage.type.internaldeclaration.ts#9E9E9E
meta.preprocessor.diagnostic, keyword.other.important.css, meta.tag.metadata.script, keyword.other.unchecked.cs#D54016—
punctuation, punctuation.separator.namespace.access.cpp#9E9E9E—
keyword.operator#6e6e6ebold
keyword.operator.optional, storage.type.function.arrow.ts, keyword.operator.cast.cpp, keyword.other.lock.cs, punctuation.separator.pointer-access.c, keyword.other.debugger, keyword.control.goto.cs#F57C00
entity.name.function.target.makefile, entity.name.type.class, entity.name.type.struct, entity.name.type.interface, entity.name.type.enum, entity.name.type.delegate, storage.type.template, entity.name.type.alias#F57C00underline
entity.name.type.type-parameter, meta.type.parameters, meta.type.parameters.ts#039be5—
storage.type, support.class, entity.other.inherited-class, entity.name.type.inherited.cpp, meta.class-struct-block.cpp entity.name.type.cpp, meta.parameters.ts entity.name.type.ts, meta.field.declaration.ts entity.name.type.ts, meta.return.type.ts entity.name.type.ts, new.expr.ts entity.name.type.ts, meta.type.annotation.ts entity.name.type.ts#D66E1C—
entity.name.variable.property.cs, meta.class.ts meta.method.declaration.ts meta.definition.method.ts, meta.class.ts meta.function.ts meta.definition.function.ts, meta.class.ts meta.field.declaration.ts meta.definition.property.ts, meta.function.ts meta.definition.function.ts#C77C4F—
keyword.control.case.cs, keyword.control.default.cs, keyword.control.flow.continue, case-clause.expr.ts variable.other.constant.property.ts, case-clause.expr.ts variable.other.property.ts#EB9117—
entity.name.label.cs#1DA0F0—
keyword.operator.conditional#F57C00
constant, support.type.primitive#FFA000—
constant.language.boolean#FFA000—
constant.numeric#ffca28—
constant.language.null, constant.language.undefined, keyword.operator.null-coalescing.cs, keyword.operator.null-conditional.cs#E24417
string.quoted.single#A6FF82—
constant.character.escape#6BE871—
string, punctuation.definition.string.begin.cs, punctuation.definition.string.end.cs#BA951C—
punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, string.template.ts punctuation.definition.template-expression#DB792B—
string.regexp#ffca28—
punctuation.definition.group.regexp#039be5bold
keyword.operator.quantifier.regexp, constant.character.escape.backslash.regexp, keyword.operator.negation.regexp#26c6dabold
support.type.property-name, variable.other.object.property, entity.name.variable.property, entity.name.tag.yaml#d1d1d1—
meta.preprocessor, keyword.preprocessor, punctuation.separator.hash, keyword.control.directive.#039be5—
entity.name.variable.preprocessor.symbol, string.unquoted.preprocessor.message, entity.other.attribute-name.pragma.preprocessor, entity.name.function.preprocessor#26c6da—
string.quoted.double.include, string.quoted.other.lt-gt.include#d0d0e0—
keyword.control.directive.diagnostic.error#c62828—
constant.other.color.rgb-value.hex.css, punctuation.definition.constant.css#ffa726—
entity.other.attribute-name.id.css, entity.name.tag.css, entity.other.attribute-name.class.css#D66E1C—
support.type.property-name.css#e0e0e0—
punctuation.definition.tag.cs, entity.name.tag.localname.cs, entity.other.attribute-name.localname.cs#5B7148—
entity.name.function.cs#EFEFEF—
constant.language.json#D66E1C—
support.type.property-name.json#c0c0c0—
string.quoted.double.json.comments#BA951C—
keyword.other.doctype.xml#F38630underline
entity.name.tag, meta.tag, punctuation.definition.tag, punctuation.definition.string.begin.xml, punctuation.definition.string.begin.html, punctuation.definition.string.end.xml, punctuation.definition.string.end.html#9E9E9E—
entity.other.attribute-name, entity.other.attribute-name.localname#C77C4F—
string.quoted.double.xml, string.quoted.double.html, meta.jsx.children#C6C6C6—
meta.tag.preprocessor.xml string.quoted.double.xml, meta.tag.preprocessor.xml string.quoted.double.html#26c6da—
entity.name.tag.namespace, punctuation.separator.namespace, entity.other.attribute-name.namespace#D66E1C—
text.xml, text.html#BDA95B—
punctuation.definition.constant, constant.character.entity#f57c00—
entity.name.section.group-title.ini#D66E1C—
text, text.html.markdown#C6C6C6—
entity.name.section.markdown#D1D1D1bold
punctuation.definition.heading.markdown#9E9E9E—
punctuation.definition.list.begin.markdown#BDA95B—
markup.quote.markdown#C96F28—
markup.inline.raw.string.markdown, text.aspnetcorerazor#BDA95B—
punctuation.definition.markdown#039be5bold
fenced_code.block.language#26c6da—
string.other.link.title.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown#D66E1C—
markup.underline.link.markdown, punctuation.definition.metadata.markdown#9E9E9E—
OrangeMix by Yngve Hals Nyheim - VS Code Theme