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.

  • activityBar.background#FBFBFB
  • activityBar.foreground#222222
  • activityBarBadge.background#E3F1F6
  • activityBarBadge.foreground#090909
  • editor.background#FBFBFB
  • editor.foreground#222222
  • editor.inactiveSelectionBackground#E7E8F2
  • editor.selectionBackground#FCBC055b
  • editor.selectionHighlightBackground#E7E8F2
  • editorIndentGuide.background#E6E6E6
  • editorLineNumber.activeForeground#808080
  • editorLineNumber.foreground#AAAAAA
  • list.activeSelectionBackground#098CC0
  • list.activeSelectionForeground#FFFFFF
  • list.focusOutline#098CC0
  • list.highlightForeground#0C31DA
  • sideBar.background#FBFBFB
  • sideBar.border#E6E6E6
  • sideBarSectionHeader.background#E3F1F6
  • statusBar.background#FBFBFB
  • statusBar.debuggingBackground#CA473F
  • statusBar.foreground#222222

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#787878
string constant.other.placeholder, punctuation, meta.function-call.arguments, constant.character, variable., keyword.operator.class.php#222222
invalid, invalid.illegal#981D15
storage.type, storage.modifier, keyword.control, keyword.other#4285F4
constant.other.color, meta.tag, punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, keyword.other.unit#222222
entity.name.function, variable.function, support.function, keyword.other.special-method#34A853
string, constant.other.symbol, constant.other.key, markup.heading, punctuation.definition.string.begin, punctuation.definition.string.end, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#EA4334italic
entity.name, entity.other.inherited-class, support.type, support.class, markup.changed.git_gutter, support.type.sys-types#EA4334
support.type#EA4334
variable.language#222222
string.regexp#0782b1
constant.character.escape#0782b1
variable.other#222222
meta.jsx.children.js string#055472
variable.language.this.php punctuation.definition.variable.php, punctuation.definition.variable.php, variable.other.php#222222
support.class.php, support.other.namespace.php, punctuation.separator.inheritance.php, entity.name.type.namespace#EA4334
comment.block.documentation.phpdoc.php support.other.namespace.php, comment.block.documentation.phpdoc.php punctuation.separator.inheritance.php, comment.block.documentation.phpdoc.php punctuation.separator.delimiter.php, comment.block.documentation.phpdoc.php support.class.builtin.php#787878
comment.block.documentation.phpdoc.php keyword.other#4285F4
variable.other.property.php#34A853
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#4285F4
constant.language.php#4285F4
constant.other.class.php#34A853bold
entity.name.tag#4285F4
punctuation.definition.tag, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#222222
meta.tag#34A853
string.quoted.double.html, punctuation.definition.string.end.html, punctuation.definition.string.begin.html#222222
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#34A853
entity.other.attribute-name.class#222222
source.css keyword.other.unit#222222
support.type.property-name.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json#055472
Custom Light Theme by LilPecky - VS Code Theme