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#F7F5EF
  • editor.foreground#25282D
  • editor.selectionBackground#DBE5F3
  • editorCursor.foreground#FAEB42
  • editorLineNumber.foreground#9A9DA0
  • editorWidget.background#EBE8DF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source.js variable, source.ts variable#393939
source.js variable.other.property, source.js variable.other.member, source.ts variable.other.property, source.ts variable.other.member#454545
source.js constant.language, source.js variable.other.constant, source.ts constant.language, source.ts variable.other.constant#1F1F1F
source.js string, source.ts string#525252
source.js constant.character.escape, source.ts constant.character.escape#1F1F1F
source.js constant.numeric, source.ts constant.numeric#2C2C2C
source.js entity.name.type, source.js support.type, source.ts entity.name.type, source.ts support.type#121212
source.js entity.name.function, source.js support.function, source.ts entity.name.function, source.ts support.function#2C2C2C
source.js entity.name.function.call, source.js variable.function, source.ts entity.name.function.call, source.ts variable.function#1F1F1F
source.js keyword.operator, source.ts keyword.operator#454545
source.js storage, source.js keyword, source.ts storage, source.ts keyword#535353
source.js keyword.control, source.ts keyword.control#1F1F1F
source.js keyword.control.return, source.ts keyword.control.return#121212
source.js punctuation, source.ts punctuation#535353
source.js punctuation.section, source.js punctuation.definition, source.ts punctuation.section, source.ts punctuation.definition#747474
source.js comment, source.ts comment#747474
meta.embedded.argiope.javascript variable#393939
meta.embedded.argiope.javascript variable.other.property, meta.embedded.argiope.javascript variable.other.member#454545
meta.embedded.argiope.javascript constant.language, meta.embedded.argiope.javascript variable.other.constant#1F1F1F
meta.embedded.argiope.javascript string#525252
meta.embedded.argiope.javascript constant.character.escape#1F1F1F
meta.embedded.argiope.javascript constant.numeric#2C2C2C
meta.embedded.argiope.javascript entity.name.type, meta.embedded.argiope.javascript support.type#121212
meta.embedded.argiope.javascript entity.name.function, meta.embedded.argiope.javascript support.function#2C2C2C
meta.embedded.argiope.javascript entity.name.function.call, meta.embedded.argiope.javascript variable.function#1F1F1F
meta.embedded.argiope.javascript keyword.operator#454545
meta.embedded.argiope.javascript storage, meta.embedded.argiope.javascript keyword#535353
meta.embedded.argiope.javascript keyword.control#1F1F1F
meta.embedded.argiope.javascript keyword.control.return#121212
meta.embedded.argiope.javascript punctuation#535353
meta.embedded.argiope.javascript punctuation.section, meta.embedded.argiope.javascript punctuation.definition#747474
meta.embedded.argiope.javascript comment#747474
meta.embedded.argiope.html entity.name.tag, meta.embedded.argiope.html entity.other.attribute-name#003280
meta.embedded.argiope.html entity.other.attribute-name#003280
meta.embedded.argiope.html string#000F31
meta.embedded.argiope.html constant#002766
meta.embedded.argiope.html punctuation, meta.embedded.argiope.html meta.tag punctuation#005DE0
meta.embedded.argiope.html punctuation.definition.tag#005DE0
meta.embedded.argiope.html comment#0048B1
meta.embedded.argiope.svg entity.name.tag, meta.embedded.argiope.svg entity.other.attribute-name#003C62
meta.embedded.argiope.svg entity.other.attribute-name#003C62
meta.embedded.argiope.svg string#001324
meta.embedded.argiope.svg constant#002F4E
meta.embedded.argiope.svg punctuation, meta.embedded.argiope.svg meta.tag punctuation#006EAE
meta.embedded.argiope.svg punctuation.definition.tag#006EAE
meta.embedded.argiope.svg comment#00568A
meta.embedded.argiope.css entity.other.attribute-name.class, meta.embedded.argiope.css entity.name.tag#00461C
meta.embedded.argiope.css support.type.property-name, meta.embedded.argiope.css meta.property-name#00461C
meta.embedded.argiope.css string#00632A
meta.embedded.argiope.css constant, meta.embedded.argiope.css constant.numeric, meta.embedded.argiope.css support.constant#003714
meta.embedded.argiope.css entity.name.function#003714
meta.embedded.argiope.css keyword#00461C
meta.embedded.argiope.css punctuation#747474
meta.embedded.argiope.css punctuation.section.block, meta.embedded.argiope.css punctuation.definition#00632A
meta.embedded.argiope.css comment#00632A
meta.embedded.argiope.markdown markup.heading#6B003D
meta.embedded.argiope.markdown markup.list#950057
meta.embedded.argiope.markdown markup.underline.link, meta.embedded.argiope.markdown string.other.link#280013
meta.embedded.argiope.markdown string#950057
meta.embedded.argiope.markdown punctuation#950057
meta.embedded.argiope.markdown punctuation.definition#BC006F
meta.embedded.argiope.glsl variable#390099
meta.embedded.argiope.glsl storage.type, meta.embedded.argiope.glsl entity.name.type#12003C
meta.embedded.argiope.glsl entity.name.function, meta.embedded.argiope.glsl support.function#2D007B
meta.embedded.argiope.glsl constant#20005D
meta.embedded.argiope.glsl string#5200D4
meta.embedded.argiope.glsl constant.numeric#2D007B
meta.embedded.argiope.glsl keyword#535353
meta.embedded.argiope.glsl keyword.control#20005D
meta.embedded.argiope.glsl keyword.operator#4600B7
meta.embedded.argiope.glsl punctuation#535353
meta.embedded.argiope.glsl punctuation.section, meta.embedded.argiope.glsl punctuation.definition#747474
meta.embedded.argiope.glsl comment#747474
meta.embedded.argiope.wgsl variable#54007A
meta.embedded.argiope.wgsl storage.type, meta.embedded.argiope.wgsl entity.name.type#1E002E
meta.embedded.argiope.wgsl entity.name.function, meta.embedded.argiope.wgsl support.function#420061
meta.embedded.argiope.wgsl constant#300048
meta.embedded.argiope.wgsl string#7600A9
meta.embedded.argiope.wgsl constant.numeric#420061
meta.embedded.argiope.wgsl keyword#535353
meta.embedded.argiope.wgsl keyword.control#300048
meta.embedded.argiope.wgsl keyword.operator#650092
meta.embedded.argiope.wgsl punctuation#535353
meta.embedded.argiope.wgsl punctuation.section, meta.embedded.argiope.wgsl punctuation.definition#747474
meta.embedded.argiope.wgsl comment#747474
meta.interpolation.argiope punctuation.section.interpolation.begin, meta.interpolation.argiope punctuation.section.interpolation.end#747474