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#212633
  • editor.foreground#CFD9C8
  • editor.lineHighlightBackground#BCC4CC20
  • editor.selectionBackground#D9D8D620
  • editorCursor.foreground#E84B52
  • editorWhitespace.foreground#ABABAB50

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#CFD9C8
comment#696969 italic
keyword, storage#7CEBC6
constant.numeric#E6B753
constant#7FD4AC
constant.language#FFA66E
variable.language, variable.other#E0954A
string#49AD49
constant.character.escape, string source#CCAA62
meta.preprocessor#51D6FF
keyword.control.import#DE8181
entity.name.function#5EB0E0
entity.name.type#6B84A3
entity.other.inherited-class#B9AA99
variable.parameter#6D948D
storage.type.method#70727E
meta.section entity.name.section, declaration.section entity.name.section#B9AA99
support.function#36F1CD
support.class, support.type#E6E633
support.constant#B3E9C7
support.variable#D0E3E8
keyword.operator.js#D6D6D6italic
invalid#FFFFFF bold
invalid.deprecated.trailing-whitespace#FFFFFF
text source, string.unquoted#F0EEEE
text source string.unquoted, text source text source#D6BFB8
meta.tag.preprocessor.xml#676767
meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string#FFFFFF
string.quoted.docinfo.doctype.DTD#CC695F
meta.tag, declaration.tag#BFCBC2
entity.name.tag#E9C46A
entity.other.attribute-name#DAD4EF italic
markup.heading#EBEB91bold
markup.quote#EBEB91
markup.list#EBEB91
meta.selector.css entity.other.attribute-name.id#6B84A3
entity.other.attribute-name.class#38add8
entity.other.less.mixin#38add8
keyword.control.html.elements#A6D653
meta.attribute-selector.css string#FF950A
Ciapre Mod by Saurabh sharma - VS Code Theme