Skip to main content
Coding Theme

Color themes

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#FFFFFF
  • editor.foreground#000000
  • editor.lineHighlightBackground#00000012
  • editor.selectionBackground#4D97FF54
  • editorCursor.foreground#000000
  • editorWhitespace.foreground#BFBFBF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#000000
comment, extract.custom.title.sql#CCCCCCitalic
custom.title.sql#CC6633
keyword, storage#052090bold
constant.numeric#0433ffbold
constant#942193bold
constant.language#942193bold
variable.language, variable.other#000000
string#1c8c20 bold
string.unquoted#928f1b
constant.character.escape, string source#128d15
meta.preprocessor#1A921C
keyword.control.import#0C450Dbold
support.type.object.console#981798
support.function.console#3c3c3citalic
entity.name.function, support.function.any-method#797979 italic
entity.name.type#ccccccitalic
entity.other.inherited-class
variable.parameter#000000
storage.type.method#70727E
meta.section entity.name.section, declaration.section entity.name.section#000000italic
support.function#990099
support.class, support.type#929292
support.constant#990099
support.variable#CC6633
keyword.operator#09268e
keyword.operator.js#000000
invalid#FFFFFF
invalid.deprecated.trailing-whitespace#00000000
text source, string.unquoted
text source string.unquoted, text source text source
meta.tag.preprocessor.xml#68685B
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#888888
string.quoted.docinfo.doctype.DTDitalic
meta.tag, declaration.tag#1C02FF
entity.name.tagbold
entity.other.attribute-nameitalic
markup.heading#0C07FFbold
markup.quote#000000italic
markup.list#B90690
support.type.property_name#929292
variable.language.this#368494