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.

  • editor.background#2B2B2B
  • editor.findMatchBackground#32593D
  • editor.findMatchBorder#BBBBBB
  • editor.findMatchHighlightBackground#32593D
  • editor.findMatchHighlightBorder#3C704B
  • editor.findRangeHighlightBackground#214283
  • editor.foldBackground#3A3A3A
  • editor.foreground#A9B7C6
  • editor.lineHighlightBackground#323232
  • editor.selectionBackground#214283
  • editor.wordHighlightBackground#344134
  • editor.wordHighlightStrongBackground#40332B
  • editorBracketMatch.background#3B514D
  • editorBracketMatch.border#3B514D
  • editorCursor.foreground#BBBBBB
  • editorGroupHeader.tabsBackground#2B2B2B
  • editorGroupHeader.tabsBorder#323232
  • editorGutter.background#313335
  • editorGutter.foldingControlForeground#787878
  • editorIndentGuide.background#373737
  • editorLineNumber.activeForeground#A4A3A3
  • editorLineNumber.foreground#606366
  • editorLink.activeForeground#589DF6
  • editorRuler.foreground#373737
  • editorWhitespace.foreground#606060
  • statusBar.background#3B3B3C
  • tab.activeBackground#4E5254
  • tab.activeBorder#4A88C7
  • tab.activeForeground#FEFEFE
  • tab.border#474747

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#808080
comment.block.documentation#629755italic
comment.block.documentation keyword.other#629755italic bold underline
string.quoted, string.unquoted, string.other, string.quoted punctuation.definition.string#6A8759
string.interpolated, string.interpolated punctuation.definition.string#A5C25C
string.unquoted keyword.operator, string.unquoted punctuation.definition.string#A9B7C6
string.regexp, constant.numeric#6897BB
constant.other#9876AAitalic
storage, keyword.control, keyword.other, constant.character.escape, constant.language, punctuation.terminator#CC7832
punctuation.terminator, punctuation.separator.delimiter#CC7832
meta.class entity.name, meta.interface entity.namebold
meta.function entity.name.function, meta.method entity.name.function#FFC66Dbold
meta.function-call entity.name.function#A9B7C6
meta.method-call entity.name.function#FFC66D
meta.method-call.static entity.name.function#FFC66Ditalic
text.xml meta.tag entity.name, text.xml meta.tag punctuation.definition.tag#E8BF6A
text.xml meta.tag entity.other.attribute-name#BABABA
text.xml meta.tag string.quoted#6A8759
text.xml constant.character.entity#6D9CBE
text.xml string.unquoted.cdata#A9B7C6
text.html meta.tag entity.name, text.html meta.tag punctuation.definition.tag#E8BF6A
text.html meta.tag meta.attribute entity#BABABA
text.html meta.tag meta.attribute string.unquoted, text.html meta.tag meta.attribute string.quoted, text.html meta.tag meta.attribute string punctuation.definition.string, text.html meta.tag meta.attribute punctuation.separator#A5C261
text.html constant.character.entity#6D9CBE
source.css meta.selector entity, source.css meta.selector support.constant#E8BF6A
source.css meta.property-name#BABABA
source.css meta.property-value#A5C261
source.css meta.property-value meta.function support.function, source.css meta.property-value constant.other.unicode-range, source.css meta.property-value constant.other.unicode-range punctuation.separator.dash.unicode-range#E8BF6A
source.css meta.property-value meta.function variable.parameter.url#287BDE
source.css meta.property-value meta.function punctuation.section, source.css meta.property-value constant.numeric keyword.other.unit.percentage#A9B7C6
source.css meta.property-value constant.other.color.rgb-value.hex#6897BB
source.ini#6A8759
source.ini keyword.other, source.ini punctuation.separator.key-value#A9B7C6
source.ini entity.name.section.group-title#CC7832
source.json support.type.property-name#9876AA
source.yaml entity.name.tag#CC7832
source.yaml punctuation.separator.key-value, source.yaml constant.numeric, source.yaml constant.language, source.yaml keyword.control.flow, source.yaml string.unquoted.block, source.yaml string.unquoted.plain, source.yaml meta.property punctuation.definition.anchor#A9B7C6
source.yaml meta.property entity.name.type.anchor, source.yaml variable.other.alias#E8BF6A
text.html.markdown markup.heading#9876AA
text.html.markdown markup.bold punctuation.definition.bold, text.html.markdown markup.italic punctuation.definition.italic#CC7832
text.html.markdown meta.link markup.underline.link, text.html meta.image.inline markup.underline.link.image#FFC66D
text.html.markdown meta.link.inet markup.underline.link, text.html.markdown meta.link.inet punctuation.definition.link, text.html.markdown meta.link string.other.link.title, text.html.markdown meta.link punctuation.definition.string, text.html.markdown meta.image.inline string.other.link.description, text.html.markdown meta.image.inline punctuation.definition.string#287BDEunderline
text.html.markdown meta.link.reference punctuation.definition.constant, text.html.markdown meta.link.reference constant.other.reference.link#CC7832
text.html.markdown meta.link.reference.def string.other.link.description.title, text.html.markdown meta.link.reference.def string.other.link.description.title punctuation.definition.string#808080
text.html.markdown markup.fenced_code.block, text.html.markdown markup.inline.raw.string, text.html.markdown markup.raw.block#808080
text.html.markdown markup.quote#6A8759
text.html.markdown meta.separator#808080
text.html.markdown markup.list.unnumbered punctuation.definition.list#CC7832
text.html.markdown markup.list.numbered punctuation.definition.list#FFC66D
source.php variable.other, source.php variable.language#9876AA
source.php meta.attribute support.attribute#BBB529
source.php meta.method-call entity.name.variable.parameter, source.php meta.function-call entity.name.variable.parameter#467CDA
source.js comment.block.documentation storage.type#629755italic bold underline
source.js comment.block.documentation entity.name.type.instance, source.js comment.block.documentation variable.other#8A653B
source.js meta.function variable.language.this#CC7832
source.js meta.function-call entity.name.function#FFC66D
source.js string.regexp, source.js string.regexp keyword.control, source.js string.regexp constant.other#6897BB
source.js meta.decorator, source.js meta.decorator meta.function-call entity.name.function#BBB529
source.js support.type.primitive#CC7832
source.coffee variable.language#CC7832
source.ts meta.class variable.object.property#9876AA
source.ts meta.class variable.language.this#CC7832
source.ts comment.block.documentation storage.type.class#629755italic bold underline
source.ts comment.block.documentation variable.other#8A653B
source.java comment.block.javadoc#629755italic
source.java comment.block.javadoc keyword.other.documentation.javadoc#629755italic bold underline
source.java comment.block.javadoc variable.parameter#8A653B
source.java meta.declaration.annotation storage.type.annotation, source.java meta.declaration.annotation punctuation.definition.annotation#BBB529
source.java meta.class.body variable.language.this#CC7832
source.go keyword#C7773E
source.go keyword.operator#A9B7C6
source.go punctuation.other.comma#CC7832
source.go entity.name.package, source.go entity.alias.import#AFBF7E
source.go entity.name.function, source.go support.function#E6B163
source.cs comment.block#629755italic
source.cs comment.block.documentation meta.tag#77B767
source.cs comment.block.documentation meta.tag entity.other.attribute-nameitalic bold underline
source.cs comment.block.documentation meta.tag string.quoted, source.cs comment.block.documentation meta.tag string.quoted punctuation.definition.string#8A653Bitalic
source.cs keyword.type, source.cs meta.preprocessor keyword.preprocessor, source.cs meta.preprocessor punctuation.separator.hash#CC7832
source.cs entity.name.function#FFC66D
source.cs entity.name.variable.event, source.cs entity.name.variable.field, source.cs entity.name.variable.property#9876AA
source.python meta.function-call.arguments variable.parameter.function-call#AA4926
source.python variable.language.special.self#94558D
source.python support.variable.magic, source.python support.function.magic#B200B2
source.shell comment.line.number-sign.shebang#A9B7C6bold
source.shell keyword.operator.pipe, source.shell keyword.operator.redirect#CC7832
Darcula Theme by sulybot - VS Code Theme