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#1E1E1E
  • editor.foreground#D4D4D4
  • editor.lineHighlightBackground#2F3337
  • editor.selectionBackground#264F78
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorLineNumber.activeForeground#C6C6C6
  • editorLineNumber.foreground#858585

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage, storage.type, keyword.control#C586C0
keyword.other.can, source.can entity.name.function, source.can support.function, entity.name.function#DCDCAA
source.can entity.name.type, source.can support.class, entity.name.type, support.class#4EC9B0bold
source.can variable, source.can meta.definition.variable, variable, variable.object, variable.other.readwrite#9CDCFE
variable.other.css, support.type.property-name.css#9CDCFE
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#DCDCAA
string#CE9178
meta.interpolation.can, meta.template.expression, punctuation.section.embedded#FF9E64
entity.name.tag, entity.name.tag.html, entity.name.tag.css#569CD6
comment#6A9955
entity.other.attribute-name, entity.other.attribute-name.html#9CDCFE
keyword.control.directive.can#FF9E64bold
entity.other.attribute-name.directive.can#4EC9B0
support.function.reactive.can, variable.language.signal.can#4FC1FFitalic
variable.other.property.force-transform.can#C586C0
punctuation, keyword.operator#D4D4D4
variable.parameter#9CDCFE
constant.numeric, constant.language, constant.character, constant.other, support.constant.property-value.css#B5CEA8
Can Framework Official Tooling by can-framework - VS Code Theme