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.

  • badge.background#e96341
  • editor.background#2b2424
  • editor.foreground#eee0c5
  • editor.inactiveSelectionBackground#3A3D41
  • editor.lineHighlightBackground#FFFFFF08
  • editor.lineHighlightBorder#FFFFFF00
  • editor.selectionBackground#ed654344
  • editor.selectionHighlightBackground#add6ff19
  • editor.wordHighlightBackground#EBA96C22
  • editor.wordHighlightStrongBackground#EBA96C44
  • editorOverviewRuler.border#00000000
  • foreground#eee0c5
  • list.activeSelectionBackground#393939
  • list.focusBackground#393939
  • list.inactiveSelectionBackground#393939
  • statusBar.background#222222
  • statusBar.debuggingBackground#222222
  • statusBar.foreground#999999
  • statusBar.noFolderBackground#222222

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.operator#724f43
storage#dca178
support#ca494f
comment#505050
punctuation, punctuation.tag, tag.html, tag.xml, meta.property-value punctuation.separator.key-value,punctuation.definition.metadata.md, string.link.md, meta.brace#505050
bracket, brace, paren#FFAC8A
string, string.quoted.double, meta.property-value.string, support.constant.property-value.string, meta.structure.dictionary.value#528875
constant.numeric#8cc0b0
string source#26724f
entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution#e6c6b4
entity.other.inherited-class#c9aa8c
entity.name.namespace#EEE0C5
meta.attribute#ac9f87
entity.name.type.lifetime#c99155
entity.name.function.macro#6d6d6d
constant.language#3a6e6e
constant.other, constant.charactor#3a6e6e
constant.character.escape#b6c797
entity.name, support.type.property-name, entity.name.tag.table, meta.structure.dictionary#798283
support.function#776868
entity.name.function#8f8f8f
variable.parameter#95b6d8
meta.function-call.object#866c6c
variable.other.property#685050
keyword.control, keyword.operator.new.cpp, keyword.operator.delete.cpp, keyword.other#d6595f
storage.type, storage.modifier, storage.type.ts, storage.type.var.ts, storage.type.js, storage.type.var.js, storage.type.const.ts, storage.type.let.ts, storage.type.let.js, storage.type.const.js, entity.name.tag#d6595f
meta.preprocessor#798283
variable.language#9474aa
invalid#ff473e98
invalid.deprecated#fd685ecb
meta.diff, meta.diff.header#75715E
markup.deleted#db646a
markup.inserted#52856d
markup.changed#E6DB74
punctuation.definition.heading.md, entity.name.type.md, beginning.punctuation#798283
markup.raw, markup.inline.raw, markup.fenced, markup.fenced_code#cc7f66
markup.link, string.other.link.title, string.other.link.description, meta.link.inline, meta.image.inline#798283
variable.language.makefile, variable.other.makefile#798283
markup.italicitalic
markup.boldbold
entity.other.attribute-name.class.css#FFAC8A
entity.name.tag.css#eee0c5
meta.property-name.css#798283italic
entity.other.attribute-name.table#97b5b8
entity.other.attribute-name#829799
entity.name.tag, keyword,key#798283
entity.name.section#798283
keyword.operator#724f43
storage#dca178
support#ca494f
comment#505050
punctuation, punctuation.tag, tag.html, tag.xml, meta.property-value punctuation.separator.key-value,punctuation.definition.metadata.md, string.link.md, meta.brace#505050
bracket, brace, paren#FFAC8A
string, string.quoted.double, meta.property-value.string, support.constant.property-value.string, meta.structure.dictionary.value#528875
constant.numeric#8cc0b0
string source#26724f
entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution#e6c6b4
entity.other.inherited-class#c9aa8c
entity.name.namespace#EEE0C5
meta.attribute#ac9f87
entity.name.type.lifetime#c99155
entity.name.function.macro#6d6d6d
constant.language#3a6e6e
constant.other, constant.charactor#3a6e6e
constant.character.escape#b6c797
entity.name, support.type.property-name, entity.name.tag.table, meta.structure.dictionary#798283
support.function#776868
entity.name.function#8f8f8f
variable.parameter#95b6d8
meta.function-call.object#866c6c
variable.other.property#685050
keyword.control, keyword.operator.new.cpp, keyword.operator.delete.cpp, keyword.other#d6595f
storage.type, storage.modifier, storage.type.ts, storage.type.var.ts, storage.type.js, storage.type.var.js, storage.type.const.ts, storage.type.let.ts, storage.type.let.js, storage.type.const.js, entity.name.tag#d6595f
meta.preprocessor#798283
variable.language#9474aa
invalid#ff473e98
invalid.deprecated#fd685ecb
meta.diff, meta.diff.header#75715E
markup.deleted#db646a
markup.inserted#52856d
markup.changed#E6DB74
punctuation.definition.heading.md, entity.name.type.md, beginning.punctuation#798283
markup.raw, markup.inline.raw, markup.fenced, markup.fenced_code#cc7f66
markup.link, string.other.link.title, string.other.link.description, meta.link.inline, meta.image.inline#798283
variable.language.makefile, variable.other.makefile#798283
markup.italicitalic
markup.boldbold
entity.other.attribute-name.class.css#FFAC8A
entity.name.tag.css#eee0c5
meta.property-name.css#798283italic
entity.other.attribute-name.table#97b5b8
entity.other.attribute-name#829799
entity.name.tag, keyword,key#798283
entity.name.section#798283
Akagi Theme by Shunsuke Shibayama - VS Code Theme