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#3c3f41
  • activityBar.border#323232
  • activityBar.foreground#f0f0f0
  • breadcrumb.background#313335
  • diffEditor.diagonalFill#403e41
  • diffEditor.insertedLineBackground#303c47
  • diffEditor.insertedTextBackground#294436
  • diffEditor.removedLineBackground#ff618819
  • diffEditor.removedTextBackground#ff618819
  • diffEditorGutter.insertedLineBackground#385570
  • diffEditorGutter.removedLineBackground#ff618819
  • diffEditorOverview.insertedForeground#a9dc76a5
  • diffEditorOverview.removedForeground#ff6188a5
  • dropdown.border#646464
  • dropdown.foreground#bbbbbb
  • dropdown.listBackground#646464
  • editor.background#2b2b2b
  • editor.foreground#A9B7C6
  • editor.inactiveSelectionBackground#0d293efa
  • editor.lineHighlightBackground#323232
  • editor.selectionBackground#264f78
  • editorCodeLens.foreground#565c63
  • editorGroup.border#505050
  • editorGroupHeader.tabsBackground#3c3f41
  • editorGroupHeader.tabsBorder#505050
  • editorGutter.background#313335
  • editorIndentGuide.activeBackground1#555555
  • editorIndentGuide.background1#373737
  • editorLineNumber.activeForeground#a4a3a3
  • editorLineNumber.foreground#606366
  • editorRuler.foreground#464646
  • editorSuggestWidget.background#323738
  • editorSuggestWidget.selectedBackground#264f78
  • editorWidget.background#313335
  • editorWidget.border#464646
  • focusBorder#FFFFFF00
  • gitDecoration.addedResourceForeground#a9dc76
  • gitDecoration.conflictingResourceForeground#fc9867
  • gitDecoration.deletedResourceForeground#ff6188
  • gitDecoration.ignoredResourceForeground#5b595c
  • gitDecoration.modifiedResourceForeground#ffd866
  • gitDecoration.stageDeletedResourceForeground#ff6188
  • gitDecoration.stageModifiedResourceForeground#ffd866
  • gitDecoration.untrackedResourceForeground#c1c0c0
  • input.background#45494a
  • input.border#646464
  • input.foreground#bbbbbb
  • list.activeSelectionBackground#2B62CD
  • list.activeSelectionForeground#adadad
  • list.dropBackground#474b4d
  • list.errorForeground#bbbbbb
  • list.focusBackground#2B62CD
  • list.hoverBackground#313335
  • list.inactiveSelectionBackground#0d293e
  • list.warningForeground#bbbbbb
  • menu.background#3c3f41
  • menu.border#505050
  • menu.foreground#adadad
  • notebook.cellBorderColor#45494a
  • notebook.cellEditorBackground#313335
  • notebook.focusedCellBorder#007fd4
  • notebook.focusedEditorBorder#007fd4
  • panel.background#3c3f41
  • panel.border#323232
  • panelTitle.activeBorder#4a7a88
  • panelTitle.activeForeground#d3d3d3
  • settings.headerForeground#bbbbbb
  • sideBar.background#3c3f41
  • sideBar.border#323232
  • sideBar.foreground#bbbbbb
  • sideBarSectionHeader.background#3b4754
  • sideBarSectionHeader.border#323232
  • statusBar.background#3c3f41
  • statusBar.border#464646
  • statusBar.debuggingBackground#864d30
  • statusBar.debuggingBorder#464646
  • statusBar.debuggingForeground#cccccc
  • statusBar.foreground#bbbbbb
  • statusBar.noFolderBackground#3c3f41
  • statusBar.noFolderBorder#464646
  • statusBar.noFolderForeground#bbbbbb
  • tab.activeBackground#2d3031
  • tab.activeBorder#4787C9
  • tab.border#323232
  • tab.hoverBackground#27292a
  • tab.inactiveBackground#3c3f41
  • tab.inactiveForeground#bbbbbb
  • tab.unfocusedActiveForeground#bbbbbb
  • tab.unfocusedHoverBackground#27292a
  • tab.unfocusedInactiveForeground#bbbbbb
  • terminal.background#2B2B2B
  • terminal.foreground#bbbbbb
  • titleBar.activeBackground#3c3f41
  • titleBar.border#303030
  • titleBar.inactiveBackground#313335

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
emphasisitalic
strongbold
header#000080
comment.line, comment.line punctuation.definition.comment#808080
comment.block, comment.block punctuation.definition.comment#6b8b8b
comment.block.preprocessor, comment.block.documentation, comment.block.documentation entity.name.type.instance, comment.block.documentation variable.other, comment.block.documentation keyword.other.type, comment.block.documentation support.class, comment.block.documentation punctuation.separator.delimiter, comment.block.documentation punctuation.definition.bracket#629755italic
comment.block.documentation, comment.block.documentation punctuation.definition.comment#629755italic
comment.block.documentation storage.type.class punctuation.definition.block.tag, comment.block.documentation storage.type.class#629755italic bold underline
comment.block.documentation variable.other#8a653b
storage.type.annotation, punctuation.definition.annotation, meta.decorator, meta.decorator entity.name.function, punctuation.decorator#BBB529
meta.decorator meta.object-literal.key#aa76a3
punctuation.definition.annotation-arguments.begin.bracket.round, punctuation.definition.annotation-arguments.end.bracket.round, meta.decorator meta.brace, meta.decorator variable#A9B7C6
entity.name.type.class, entity.name.type.interface#A9B7C6
meta.definition.variable storage.type, meta.method.identifier storage.type, entity.name.type, support.class, new.expr entity.name.function#A9B7C6
meta.definition.variable punctuation#A9B7C6
meta.method.return-type storage.type#A9B7C6
entity.other.inherited-class#A9B7C6
storage.type.primitive, support.type.primitive, support.type.builtin#CC7832
entity.name.function, meta.function-call, support.function, variable.function, keyword.other.special-method#FFC66D
meta.class variable, meta.class.body variable, meta.field variable.object.property#9876aa
variable.parameter, meta.method.body variable, meta.method-call, variable.other.definition meta.method.variable, meta.method variable.other, meta.block variable.other, meta.arrow variable.other, support.other.variable, string.other.link, string constant.other.placeholder, meta.function meta.block variable.other.readwrite#A9B7C6
variable.other#A9B7C6
keyword, keyword.control, storage.modifier, storage.type.class, storage.type.interface, meta.method.declaration storage.type, variable.language.this, punctuation.definition.keyword, constant.language, keyword.operator.new, keyword.operator.expression.of#CC7832
keyword.other.important#CC7832bold
punctuation.definition.parameters, punctuation.section.class, punctuation.section.method, meta.brace.round#A9B7C6
punctuation.definition.parameters, punctuation.section.class, punctuation.section.method, punctuation.separator, punctuation.separator.key-value, meta.method-call punctuation.separator.period, punctuation.separator.period, keyword.operator.logical#A9B7C6
punctuation.terminator, punctuation.separator#CC7832
constant.character.escape, constant.escape#CC7832
string, string.tag, string.value, string.regexp, punctuation.definition.string#6a8759
punctuation.definition.string#6a8759
string.template#A5C261
constant.numeric, constant.numeric.decimal, constant.numeric.integer, constant.numeric.float, constant.numeric.double#6897BB
constant.language.boolean#CC7832
string.regexp#6897BB
string.regexp, string.regexp constant.other.character-class.range, string.regexp constant.other.character-class.set#6a8759
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#6897bb
string.regexp constant.other.character-class, string.regexp constant.other.character-class.set punctuation.definition.character-class#E8BF6A
string.regexp keyword.operator.quantifier, string.regexp key#6897bb
string.regexp keyword.operator.or, string.regexp keyword.control.anchor#CC7832
string.regexp meta.group#a9b7c6
string.regexp keyword.other.back-reference#a9b7c6
string.regexp punctuation.definition.group#e8bf6a
keyword.operator, keyword.operator.comparison, keyword.operator.assignment, keyword.operator.arithmetic#A9B7C6
constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, meta.return.type keyword.operator.type, storage.type.function.arrow, constant.other.key, constant.other.symbol, keyword.other.unit, support.constant#A9B7C6
constant.character, constant.character.escape#CC7832
storage.modifier.import, storage.modifier.package, variable.other.readwrite.alias, storage.modifier.import punctuation.separator, storage.modifier.package punctuation.separator, entity.name.package#A9B7C6
text.html.derivative#A9B7C6
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, text.html punctuation.definition.tag#E8BF6A
entity.other.attribute-name, text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#BABABA
meta.attribute string.quoted.double#A5C261
meta.attribute string.quoted punctuation.definition.string, meta.tag meta.attribute punctuation.separator.key-value#A5C261
meta.attribute.class.html string.quoted.double, meta.attribute.class.html string.quoted.double punctuation.definition.string#A5C261
text.html constant.character.entity.named, text.html constant.character.entity.named punctuation.definition.entity#6D9CBE
variable.language.documentroot#BABABA
meta.tag punctuation.definition.tag, #e8bf6a
meta.tag.preprocessor entity.name.tag#BABABA
meta.tag keyword.other.doctype#e8bf6a
meta.tag punctuation.separator.namespace#BABABA
constant.character.entity, constant.character.entity punctuation.definition.constant#6d9cbe
text.xml, text.xml string.unquoted.cdata, text.xml string.unquoted.cdata punctuation.definition.string#A9B7C6
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#BABABA
source.css meta.property-value, source.sass meta.property-value, source.scss meta.property-value, source.less meta.property-value, source.stylus meta.property-value, source.postcss meta.property-value#e8bf6a
source.css support.constant.color, source.sass support.constant.color, source.scss support.constant.color, source.less support.constant.color, source.stylus support.constant.color, source.postcss support.constant.color, source.css support.constant.property-value, source.sass support.constant.property-value, source.scss support.constant.property-value, source.less support.constant.property-value, source.stylus support.constant.property-value, source.postcss support.constant.property-value#a5c261
entity.other.attribute-name.class#e8bf6a
variable.parameter.url#287bde
support.constant.language-range#e8bf6a
constant.other.unicode-range#e8bf6a
constant.other.color.rgb-value, constant.other.color.rgb-value punctuation.definition.constant, constant.language.color.rgb-value#6897bb
punctuation.separator.dash.unicode-range#e8bf6a
meta.attribute-selector entity.other.attribute-name, source.sass entity.other.attribute-selector#e8bf6a
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#e8bf6a
entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity, source.sass keyword.control#e8bf6a
meta.attribute-selector#A9B7C6
constant.numeric keyword.other.unit, keyword.control.unit#A5C261
comment.block.scss, comment.block.scss punctuation.definition.comment, comment.block.sass, comment.block.sass punctuation.definition.comment#bc9455italic
comment.line.scss, comment.line.scss punctuation.definition.comment, comment.line.sass, comment.line.sass punctuation.definition.comment#bc9455italic
variable.scss, source.sass variable.other.name, source.sass variable.other.value#6d9cbe
keyword.control.at-rule.mixin, keyword.control.at-rule.mixin punctuation.definition.keyword#d0d0ff
keyword.other.default#CC7832bold
keyword.other.optional#CC7832bold
keyword.other.global#CC7832bold
meta.property-list entity.name.tag#BABABA
support.constant.font-name#E8BF6A
entity.name.tag.reference#E8BF6A
source.sass keyword.control.at-rule#CC7832
source.sass variable.other.root#6D9CBE
source.sass support.function.interpolation#a9b7c6
source.sass support.function.interpolation variable.other.value#6D9CBE
source.sass support.function.name entity.name.function#E8BF6A
source.sass constant.character.module, source.sass constant.character.module.name#E8BF6A
entity.other.ng-binding-name.template punctuation.definition.ng-binding-name, entity.other.ng-binding-name.template#9876aaitalic
entity.other.ng-binding-name.property punctuation.definition.ng-binding-name, entity.other.ng-binding-name.property#9876aa
entity.other.ng-binding-name.event punctuation.definition.ng-binding-name, entity.other.ng-binding-name.event#9876aa
expression.ng variable.other.readwrite, expression.ng variable.other.object#9876aa
expression.ng variable.other.property#9876aa
meta.tag meta.ng-binding punctuation.separator.key-value, meta.tag meta.ng-binding string.quoted punctuation.definition.string#A5C261
meta.tag meta.ng-binding expression.ng string.quoted punctuation.definition.string#6a8759
text.html punctuation.definition.block.ts#CC7832
text.html meta.tag.structure.tr meta.ng-binding.template expression.ng#CC7832
text.html meta.tag.structure.td meta.attribute entity.other.attribute-name#9876aaitalic bold
source.python#A9B7C6
variable.parameter.function-call#AA4926
string.quoted.docstring.multi#629755italic
punctuation.separator.dict#A9B7C6
meta.item-access#A9B7C6
meta.function-call.generic, support.function.builtin, meta.function-call.python meta.function-call#A9B7C6
support.type.python, support.function.builtin#8888c6
punctuation.separator.colon.python, punctuation.separator.annotation.python#A9B7C6
support.function.magic, support.variable.magic#b200b2
variable.language.special.self.python, variable.parameter.function.language.special.self.python#94558d
string.quoted.binary storage.type.string.python, string.quoted.binary.single.python, string.quoted.binary punctuation.definition.string#A5C261
source.python keyword.operator.logical#CC7832
comment.block.javadoc, comment.block.javadoc punctuation.definition.comment#629755italic
comment.block.javadoc keyword.other.documentation.javadoc#629755italic bold underline
comment.block.javadoc variable.parameter#8a653b
storage.type#bbb529
entity.name.type.annotation#bbb529
source.groovy storage.type.def, source.groovy keyword.operator.in#cc7832
source.groovy meta.class.body meta.definition.variable.name#9876aa
source.groovy meta.definition.variable.name#A9B7C6
meta.function meta.type.parameters entity.name.type, meta.function meta.parameters meta.type.annotation entity.name.type#507874
comment.block.documentation entity.name.type.instance punctuation.definition.bracket, comment.block.documentation entity.name.type.instance#8a653b
text.html.markdown, punctuation.definition.list_item.markdown#A9B7C6
markup.heading punctuation.definition.heading.markdown#CC7832italic
entity.name.section.markdown, markdown.heading, markup.heading | markup.heading entity.name#9876aaitalic
markup.heading.setext#CC7832bold
heading.1.markdown entity.name.section.markdown#9876aa
heading.2.markdown entity.name.section.markdown#9876aa
heading.3.markdown entity.name.section.markdown#9876aa
heading.4.markdown entity.name.section.markdown#9876aa
heading.5.markdown entity.name.section.markdown#9876aa
heading.6.markdown entity.name.section.markdown#9876aa
punctuation.definition.bold#cc7832bold
markup.bold, markup.bold string#A9B7C6bold
punctuation.definition.italic#cc7832bold
markup.italic#A9B7C6italic
markup.bold markup.italic, markup.italic markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#A9B7C6italic bold
punctuation.definition.strikethrough#cc7832
markup.strikethrough#A9B7C6strikethrough
meta.link.inet.markdown markup.underline.link, punctuation.definition.link.markdown#287bdeunderline
string.other.link.title, punctuation.definition.link.title#287bdeunderline
meta.link.inline markup.underline.link, markup.underline.link#ffc66ditalic
punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, meta.link.reference.def.markdown punctuation.definition.constant.markdown, constant.other.reference.link.markdown#cc7832
string.other.link.description.title#6a8759
meta.image.inline string.other.link.description, punctuation.definition.link.description#287bdeunderline
markup.fenced_code.block punctuation.definition.markdown#CC7832
markup.fenced_code.block#6a8759
fenced_code.block.language#9876aaitalic underline
markup.inline.raw.string punctuation.definition.raw.markdown#CC7832
markup.inline.raw.string#6a8759
markup.raw.block#6a8759
markup.quote#6a8759
markup.quote punctuation.definition.quote#CC7832
markup.quote markup.list punctuation.definition.list#CC7832
markup.list.unnumbered punctuation.definition.list#CC7832
markup.list.unnumbered markup.list.numbered punctuation.definition.list, markup.list.numbered markup.list.unnumbered punctuation.definition.list#CC7832
markup.list.unnumbered meta.paragraph#A9B7C6
markup.list.numbered punctuation.definition.list#CC7832
markup.list.numbered meta.paragraph#A9B7C6
meta.separator#cc7832bold
markup.raw.block.fenced.markdown, variable.language.fenced.markdown#9876aa
variable.language.fenced.markdown#9876aa
markup.table#CC7832
meta.embedded.block.katex#33ce9a
source.editorconfig meta.rule keyword.other.definition#9876aa
source.editorconfig meta.rule constant.language, source.editorconfig meta.rule constant.language.boolean, source.editorconfig meta.rule constant.numeric.decimal#6a8759
source.editorconfig entity.name.section.group-title#cc7832
comment.git-status.header.remote#ff6188
comment.git-status.header.local#78dce8
comment.other.git-status.head#fcfcfa
markup.inserted, markup.inserted punctuation.definition.inserted#a9dc76
markup.deleted, markup.deleted punctuation.definition.deleted#ff6188
markup.changed, markup.changed punctuation.definition.changed#ffd866
markup.ignored, markup.ignored punctuation.definition.ignored#939293
markup.untracked#939293
meta.diff.git-diff.header#ffd866
source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file#939293
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha#ab9df2
source.git-show meta.diff.range.unified#fc9867
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file#939293
meta.class meta.method, constant.other.color, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#A9B7C6
storage.type#cc7832
entity.name, support.type, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#FFC66D
invalid, invalid.illegal#BC3F3C
variable.language#A9B7C6
markup.deleted#484a4a
markup.changed#385570
*url*, *link*, *uri*underline
source.js constant.other.object.key.js string.unquoted.label.js#cc7832italic
source.json meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name#9876aa
source.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name#9876aa
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#9876aa
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#9876aa
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#9876aa
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#9876aa
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#9876aa
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#9876aa
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#9876aa
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#9876aa
Darculish by Kortiplex - VS Code Theme