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#05070B
  • editor.foreground#F2F5FA
  • editor.selectionBackground#243657
  • editorCursor.foreground#F2F5FA
  • editorLineNumber.foreground#5D6B82
  • editorWidget.background#0E1420

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source.js variable, source.ts variable#EAD9AD
source.js variable.other.property, source.js variable.other.member, source.ts variable.other.property, source.ts variable.other.member#EAD9AD
source.js constant.language, source.js variable.other.constant, source.ts constant.language, source.ts variable.other.constant#FFD447
source.js string, source.ts string#C8D0DC
source.js constant.character.escape, source.ts constant.character.escape#FFAD55
source.js constant.numeric, source.ts constant.numeric#C29CFF
source.js entity.name.type, source.js support.type, source.ts entity.name.type, source.ts support.type#53D8EF
source.js entity.name.function, source.js support.function, source.ts entity.name.function, source.ts support.function#62E493
source.js entity.name.function.call, source.js variable.function, source.ts entity.name.function.call, source.ts variable.function#62E493
source.js keyword.operator, source.ts keyword.operator#FF82C3
source.js storage, source.js keyword, source.ts storage, source.ts keyword#FF82C3
source.js keyword.control, source.ts keyword.control#FF82C3
source.js keyword.control.return, source.ts keyword.control.return#FF82C3
source.js punctuation, source.ts punctuation#F2F5FA
source.js punctuation.section, source.js punctuation.definition, source.ts punctuation.section, source.ts punctuation.definition#F2F5FA
source.js comment, source.ts comment#8290A8
meta.embedded.argiope.javascript variable#EAD9AD
meta.embedded.argiope.javascript variable.other.property, meta.embedded.argiope.javascript variable.other.member#EAD9AD
meta.embedded.argiope.javascript constant.language, meta.embedded.argiope.javascript variable.other.constant#FFD447
meta.embedded.argiope.javascript string#C8D0DC
meta.embedded.argiope.javascript constant.character.escape#FFAD55
meta.embedded.argiope.javascript constant.numeric#C29CFF
meta.embedded.argiope.javascript entity.name.type, meta.embedded.argiope.javascript support.type#53D8EF
meta.embedded.argiope.javascript entity.name.function, meta.embedded.argiope.javascript support.function#62E493
meta.embedded.argiope.javascript entity.name.function.call, meta.embedded.argiope.javascript variable.function#62E493
meta.embedded.argiope.javascript keyword.operator#FF82C3
meta.embedded.argiope.javascript storage, meta.embedded.argiope.javascript keyword#FF82C3
meta.embedded.argiope.javascript keyword.control#FF82C3
meta.embedded.argiope.javascript keyword.control.return#FF82C3
meta.embedded.argiope.javascript punctuation#F2F5FA
meta.embedded.argiope.javascript punctuation.section, meta.embedded.argiope.javascript punctuation.definition#F2F5FA
meta.embedded.argiope.javascript comment#8290A8
meta.embedded.argiope.html entity.name.tag, meta.embedded.argiope.html entity.other.attribute-name#4CDAF0
meta.embedded.argiope.html entity.other.attribute-name#4CDAF0
meta.embedded.argiope.html string#CFF7FE
meta.embedded.argiope.html constant#7FE6F8
meta.embedded.argiope.html punctuation, meta.embedded.argiope.html meta.tag punctuation#0D808F
meta.embedded.argiope.html punctuation.definition.tag#0D808F
meta.embedded.argiope.html comment#1FB3C7
meta.embedded.argiope.svg entity.name.tag, meta.embedded.argiope.svg entity.other.attribute-name#90CCFF
meta.embedded.argiope.svg entity.other.attribute-name#90CCFF
meta.embedded.argiope.svg string#E1F1FF
meta.embedded.argiope.svg constant#AFDAFF
meta.embedded.argiope.svg punctuation, meta.embedded.argiope.svg meta.tag punctuation#1477B8
meta.embedded.argiope.svg punctuation.definition.tag#1477B8
meta.embedded.argiope.svg comment#42A7F3
meta.embedded.argiope.css entity.other.attribute-name.class, meta.embedded.argiope.css entity.name.tag#36E976
meta.embedded.argiope.css support.type.property-name, meta.embedded.argiope.css meta.property-name#36E976
meta.embedded.argiope.css string#1DBE5C
meta.embedded.argiope.css constant, meta.embedded.argiope.css constant.numeric, meta.embedded.argiope.css support.constant#68F690
meta.embedded.argiope.css entity.name.function#68F690
meta.embedded.argiope.css keyword#36E976
meta.embedded.argiope.css punctuation#6A756E
meta.embedded.argiope.css punctuation.section.block, meta.embedded.argiope.css punctuation.definition#1DBE5C
meta.embedded.argiope.css comment#1DBE5C
meta.embedded.argiope.markdown markup.heading#FFA6C8
meta.embedded.argiope.markdown markup.list#FB5CA6
meta.embedded.argiope.markdown markup.underline.link, meta.embedded.argiope.markdown string.other.link#FFE7EF
meta.embedded.argiope.markdown string#FB5CA6
meta.embedded.argiope.markdown punctuation#FB5CA6
meta.embedded.argiope.markdown punctuation.definition#C71978
meta.embedded.argiope.glsl variable#BEBDFF
meta.embedded.argiope.glsl storage.type, meta.embedded.argiope.glsl entity.name.type#ECEDFF
meta.embedded.argiope.glsl entity.name.function, meta.embedded.argiope.glsl support.function#CFCFFF
meta.embedded.argiope.glsl constant#DEDFFF
meta.embedded.argiope.glsl string#978EFF
meta.embedded.argiope.glsl constant.numeric#CFCFFF
meta.embedded.argiope.glsl keyword#B5B6C4
meta.embedded.argiope.glsl keyword.control#DEDFFF
meta.embedded.argiope.glsl keyword.operator#ABA7FF
meta.embedded.argiope.glsl punctuation#B5B6C4
meta.embedded.argiope.glsl punctuation.section, meta.embedded.argiope.glsl punctuation.definition#70707F
meta.embedded.argiope.glsl comment#70707F
meta.embedded.argiope.wgsl variable#DDAFFF
meta.embedded.argiope.wgsl storage.type, meta.embedded.argiope.wgsl entity.name.type#F5E9FF
meta.embedded.argiope.wgsl entity.name.function, meta.embedded.argiope.wgsl support.function#E6C5FF
meta.embedded.argiope.wgsl constant#EED8FF
meta.embedded.argiope.wgsl string#C673FD
meta.embedded.argiope.wgsl constant.numeric#E6C5FF
meta.embedded.argiope.wgsl keyword#BBB4C2
meta.embedded.argiope.wgsl keyword.control#EED8FF
meta.embedded.argiope.wgsl keyword.operator#D294FF
meta.embedded.argiope.wgsl punctuation#BAB4C2
meta.embedded.argiope.wgsl punctuation.section, meta.embedded.argiope.wgsl punctuation.definition#756E7D
meta.embedded.argiope.wgsl comment#756E7D
meta.interpolation.argiope punctuation.section.interpolation.begin, meta.interpolation.argiope punctuation.section.interpolation.end#8290A8