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.

  • activityBarBadge.background#007acc
  • editor.background#1a1a1a
  • editor.foreground#F2F2F2
  • editorBracketHighlight.foreground1#00D4AA
  • editorBracketHighlight.foreground2#0094FF
  • editorBracketHighlight.foreground3#fbff2b
  • editorBracketHighlight.foreground4#FFAA00
  • editorBracketHighlight.foreground5#C7FF00
  • editorBracketHighlight.foreground6#FF00A6
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#555555
  • statusBar.debuggingBackground#FF8308
  • statusBar.noFolderBackground#555555

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.block, comment.documentation, comment.block.documentation#BEBEBE
keyword#FF0883
entity.name.tag#ffcd71
entity.name.type.class, entity.other.inherited-class#A265E0bold
support.type.property-name#A265E0
support.type.property-name.scss, support.type.property-name.less, support.type.property-name.css#FFC608
meta.function, meta.method, meta.function-call#beb4ee
meta.at-rule.import.css#8ae436
keyword.operator#ffe02f
string#08FF83
variable, variable.other.php, punctuation.definition.variable.php#08A3FF
meta.class.php#A265E0
meta.method-call.static.php#beb4ee
function#1E8EFF
constant, support.constant#FF8E1E
number#8EFF1E
type#8E1EFF
storage#FF8308
operator#0883FF
punctuation#BEBEBE
punctuation.section, punctuation.section.parens, punctuation.section.group, punctuation.definition.begin.bracket, punctuation.definition.end.bracket, punctuation.definition.arguments.begin.bracket, punctuation.definition.arguments.end.bracket, punctuation.definition.parameters.begin.bracket, punctuation.definition.parameters.end.bracket#FF8E1E
invalid#FF1E8Eitalic underline
entity.name.tag.yaml#08A3FF
meta.block.sequence.yaml#FF8E1E
entity.other.attribute-name.id#08A3FF
entity.other.attribute-name.class#a5f523
entity.other.attribute-name.pseudo-class#22CEF5
support.type.property-name.json#08A3FF
string.quoted.double.json#a5f523
entity.name.tag.tsx#5E84FF
entity.other.attribute-name#FF8308
punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx#9F5CFF
meta.jsx.children#ddd
Asterisk Dark Theme by Asterisk Codetools - VS Code Theme