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#F1BC45
source.js variable.other.property, source.js variable.other.member, source.ts variable.other.property, source.ts variable.other.member#EAA32F
source.js constant.language, source.js variable.other.constant, source.ts constant.language, source.ts variable.other.constant#F5E664
source.js string, source.ts string#DD8924
source.js constant.character.escape, source.ts constant.character.escape#F5E664
source.js constant.numeric, source.ts constant.numeric#F4D258
source.js entity.name.type, source.js support.type, source.ts entity.name.type, source.ts support.type#F0F977
source.js entity.name.function, source.js support.function, source.ts entity.name.function, source.ts support.function#F4D258
source.js entity.name.function.call, source.js variable.function, source.ts entity.name.function.call, source.ts variable.function#F5E664
source.js keyword.operator, source.ts keyword.operator#EAA32F
source.js storage, source.js keyword, source.ts storage, source.ts keyword#BBB6AF
source.js keyword.control, source.ts keyword.control#F5E664
source.js keyword.control.return, source.ts keyword.control.return#F0F977
source.js punctuation, source.ts punctuation#B1B8C0
source.js punctuation.section, source.js punctuation.definition, source.ts punctuation.section, source.ts punctuation.definition#6B727B
source.js comment, source.ts comment#6B727B
meta.embedded.argiope.javascript variable#F1BC45
meta.embedded.argiope.javascript variable.other.property, meta.embedded.argiope.javascript variable.other.member#EAA32F
meta.embedded.argiope.javascript constant.language, meta.embedded.argiope.javascript variable.other.constant#F5E664
meta.embedded.argiope.javascript string#DD8924
meta.embedded.argiope.javascript constant.character.escape#F5E664
meta.embedded.argiope.javascript constant.numeric#F4D258
meta.embedded.argiope.javascript entity.name.type, meta.embedded.argiope.javascript support.type#F0F977
meta.embedded.argiope.javascript entity.name.function, meta.embedded.argiope.javascript support.function#F4D258
meta.embedded.argiope.javascript entity.name.function.call, meta.embedded.argiope.javascript variable.function#F5E664
meta.embedded.argiope.javascript keyword.operator#EAA32F
meta.embedded.argiope.javascript storage, meta.embedded.argiope.javascript keyword#BBB6AF
meta.embedded.argiope.javascript keyword.control#F5E664
meta.embedded.argiope.javascript keyword.control.return#F0F977
meta.embedded.argiope.javascript punctuation#B1B8C0
meta.embedded.argiope.javascript punctuation.section, meta.embedded.argiope.javascript punctuation.definition#6B727B
meta.embedded.argiope.javascript comment#6B727B
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#6B727B