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#3a3a3a
  • editor.background#2e2e2e
  • editor.foreground#d3d3d3
  • editor.lineHighlightBackground#404040
  • editor.selectionBackground#575757
  • editorCursor.foreground#ffffff
  • editorLineNumber.foreground#858585
  • editorWhitespace.foreground#606060
  • sideBar.background#3a3a3a
  • statusBar.background#3a3a3a
  • tab.activeBackground#4a4a4a
  • tab.inactiveBackground#3a3a3a
  • titleBar.activeBackground#4a4a4a
  • titleBar.inactiveBackground#3a3a3a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.tag, meta.tag entity.name.tag, meta.tag punctuation.definition.tag#808080
meta.tag string.quoted.double, meta.tag string.quoted.single#ffffff
meta.tag punctuation.definition.tag.begin, meta.tag punctuation.definition.tag.end#0000ff
source.css, meta.property-list.css, meta.property-name.css#ADD8E6
meta.property-value.css, meta.property-value.string.css, meta.property-value.unit.css#D3D3D3
constant.other.unit.css, keyword.other.unit.px.css#FFD700
constant.numeric.css#FFFFFF
punctuation.separator.key-value.css, punctuation.terminator.rule.css#1E90FF
storage.type.js#87CEEB
keyword.control.js, keyword.operator.js, keyword.other.js#00008B
meta.function.js, meta.function-call.js, meta.function-call.method.js#00FF00
entity.name.function.js#00CED1
variable.parameter.js#7FFF00
string.quoted.double.js, string.quoted.single.js, constant.numeric.js#FFFFFF
source.php, meta.function.php, entity.name.function.php, variable.other.php, string.quoted.php, constant.numeric.php#d3d3d3
keyword.control.php, keyword.other.php#87CEEB
entity.name.function.php#00CED1
variable.other.php#7FFF00
string.quoted.php, constant.numeric.php#FFFFFF
meta.structure.dictionary.json, meta.structure.array.json, punctuation.definition.string.json, punctuation.definition.object.json, punctuation.definition.array.json#808080
string.quoted.double.json, constant.numeric.json#FFFFFF
Tlacu Theme by Axel Agabo - VS Code Theme