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.border#88888800
  • breadcrumb.background#88888800
  • debugToolBar.border#88888800
  • editor.background#1c1c1c
  • editor.findMatchBackground#00CC444f
  • editor.findMatchBorder#00CC4400
  • editor.findMatchHighlightBackground#0000CC4f
  • editor.findMatchHighlightBorder#0000CC00
  • editor.findRangeHighlightBackground#CC44004f
  • editor.findRangeHighlightBorder#CC440000
  • editor.foldBackground#88888833
  • editor.foreground#FF8888
  • editor.inactiveSelectionBackground#CC008899
  • editor.minimap.background#88888800
  • editor.selectionBackground#CC008877
  • editor.selectionHighlightBackground#CC00884f
  • editor.wordHighlightBackground#00CC444f
  • editor.wordHighlightBorder#00CC4400
  • editor.wordHighlightStrongBackground#0000CC4f
  • editor.wordHighlightStrongBorder#0000CC00
  • editorBracketMatch.border#00000000
  • editorCursor.foreground#ffffff88
  • editorGroup.border#88888800
  • editorGroup.dropBackground#88888800
  • editorGroupHeader.tabsBorder#88888800
  • editorGutter.addedBackground#33BB33
  • editorGutter.background#88888800
  • editorGutter.deletedBackground#FF3377
  • editorGutter.modifiedBackground#BB33FF
  • editorOverviewRuler.border#88888800
  • editorOverviewRuler.currentContentForeground#88888800
  • minimapGutter.addedBackground#33BB33
  • minimapGutter.deletedBackground#FF3377
  • minimapGutter.modifiedBackground#BB33FF
  • panel.border#88888800
  • sideBar.border#88888800
  • sideBarActivityBarTop.border#88888800
  • statusBar.background#88888811
  • statusBar.border#88888800
  • statusBar.foreground#ffffff
  • statusBar.noFolderBorder#88888800
  • tab.border#88888800
  • titleBar.border#88888800
  • tree.indentGuidesStroke#88888800

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment punctuation, keyword.operator.key#008800df
meta.attribute, meta.objectliteral, meta.paragraph.markdown, string.regexp.js punctuation, keyword.operator.assignment, punctuation.terminator.expression, entity.other.attribute-name.localname.xml, string.quoted.double.php, punctuation.section.array, punctuation.definition.array, meta.brace.square.js#8888ffdf
string, storage.type, storage.modifier, comment keyword, punctuation.definition.constant, entity.name.type, punctuation.terminator.rule#88ffffdf
support, variable, meta.attribute, punctuation.definition.variable#ff88ffdf
class, support.class, entity.name.class, keyword.operator, meta.tag, text.xml entity.name.tag.localname, punctuation.terminator.statement, support.constant, storage.type.template, punctuation.section.function#ff00ffdf
constant, keyword, namespace, entity.other.attribute-name.namespace, punctuation.definition.entity.html, heading#ffff00df
storage.modifier, keyword.other.phpdoc#008888df
punctuation, meta.brace.round.js#008888ff
function, entity.name.function, meta.tag.custom, entity.name.tag.tsx, punctuation.definition.character-class, variable.other.object.property#ff8888df
constant.character.escape, keyword.other.important.css, keyword.operator.quantifier, punctuation.definition.string.heredoc.delimiter, keyword.operator.pattern, keyword.operator.expression.delete, keyword.operator.arithmetic, entity.other.attribute-name.xml#ffffffdf
punctuation.separator, entity.other.inherited-class, meta.link, meta.tag.xml, meta.directive.blade, punctuation.definition.keyword, variable.other.object, keyword.operator.decrement, keyword.operator.increment, entity.name.function.member, meta.method-call.php, variable.other.property#0088ffdf
constant.language.boolean, keyword.operator, storage.type, meta.tag.structure, punctuation.definition.group, support.function, punctuation.section.embedded.begin, punctuation.section.embedded.end#00ff88df
meta.tag, keyword.other.unit, variable.other.property.js, variable.other.constant, keyword.operator.access, variable.argument, fenced_code.block.language, storage.modifier.implements#888888df
meta.attribute.class, punctuation.definition.bold, variable.language.this, variable.other.object#ff4488df
keyword.other.definition, keyword.other.type, meta.attribute.unrecognized, punctuation.definition.list#bb4444df
constant.numeric, keyword.blade#bbbb44df