Skip to main content
CodingTheme

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#2b2926
  • editor.foreground#f8ead5
  • editor.lineHighlightBackground#403C37
  • editor.selectionBackground#494949
  • editorCursor.foreground#F8F8F0
  • editorWhitespace.foreground#3B3A32

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#f8ead5
comment#827a6e
string#c9e22d
constant.numeric#c9e22d
constant.language#ff633c
constant.character, constant.other#ff633c
variable
keyword#29b1b1
storage#ff633c
storage.type#29b1b1italic
entity.name.class#ff633cunderline
entity.other.inherited-class#ff633citalic underline
entity.name.function#c9e22d
variable.parameter#ff633citalic
entity.name.tag#29b1b1
meta.tag, declaration.tag#29b1b1
entity.other.attribute-name#ff633c
support.function#ff633c
support.constant#ff633c
support.type, support.class#ff633citalic
support.other.variable
invalid#ffffff
invalid.deprecated#ffffff
meta.structure.dictionary.json string.quoted.double.json#ddddcf
meta.diff, meta.diff.header#7d7964
markup.deleted#00b3d3
markup.inserted#b1f131
markup.changed#f5ea7c
constant.numeric.line-number.find-in-files - match#000000
entity.name.filename.find-in-files#f5ea7c
meta.selector.css entity.name.tag#29b1b1
meta.selector.css entity.other.attribute-name.id#29b1b1
meta.selector.css entity.other.attribute-name.class#29b1b1
support.type.property-name.css#ff633c
entity.other.attribute-name.pseudo-class.ui-state.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css#29b1b1
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css, keyword.other.unit.css, constant.other.color.rgb-value.css, constant.character.escape.css#c9e22d
meta.preprocessor.at-rule keyword.control.at-rule#F6AA11
meta.property-value support.constant.named-color.css, meta.property-value constant#c9e22d
meta.constructor.argument.css#EB939A
keyword.other.important.css#eb9500
entity.other.less.mixin#29b1b1
keyword.control.html.elements#29b1b1
entity.other.attribute-name.class.css#29b1b1
entity.other.attribute-name.id#29b1b1
keyword.operator.less#eb9500
support.constant.font-name.css#c9e22d

Shiki preview

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

Loading...

Monarch Theme by Milorad Filipovic - VS Code Theme