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.

  • activityBar.background#3A332E
  • activityBar.foreground#D5CEC3
  • editor.background#2A2826
  • editor.foreground#E8E4D9
  • editor.lineHighlightBackground#3A3426
  • editor.selectionBackground#584822
  • sideBar.background#242220
  • sideBar.foreground#D5CEC3
  • statusBar.background#4A5A5A
  • statusBar.foreground#E8E4D9
  • titleBar.activeBackground#8B2A1C
  • titleBar.activeForeground#E8E4D9

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#748B8B
string, string.quoted#CF4B32
keyword, storage.type, storage.modifier#D4AA5A
variable, variable.other#E8E4D9
entity.name.function, meta.function-call#B89D7A
entity.name.type, entity.name.class#E6B964
entity.name.type, entity.name.class#E6B964
entity.name.tag, punctuation.definition.tag#D4AA5A
entity.other.attribute-name#CF4B32
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#B89D7A
support.type.property-name.css#E6B964
support.constant.property-value.css#CF4B32
keyword.operator#D4AA5A
constant.numeric#E6B964
constant.language#CF4B32
punctuation.separator, punctuation.terminator#D5CEC3
Ancient China Theme by knight174 - VS Code Theme