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.background#1c1d1a
  • activityBar.border#292929
  • activityBar.foreground#9b9b9b
  • activityBar.inactiveForeground#5f5f5f
  • activityBarBadge.background#FFD569
  • activityBarBadge.foreground#000000
  • diffEditor.insertedTextBackground#39a13e25
  • diffEditor.removedTextBackground#a1393925
  • dropdown.foreground#A3E076
  • editor.background#232420
  • editor.foreground#fcfcfa
  • editor.lineHighlightBackground#64646421
  • editorGroupHeader.tabsBackground#2d2e27
  • editorGutter.addedBackground#A3E076
  • editorGutter.background#262721
  • editorGutter.deletedBackground#ff6666
  • editorGutter.modifiedBackground#FFD569
  • editorOverviewRuler.addedForeground#A3E076
  • editorOverviewRuler.deletedForeground#ff6666c4
  • editorOverviewRuler.modifiedForeground#FD971F
  • gitDecoration.addedResourceForeground#a9dc76
  • gitDecoration.modifiedResourceForeground#a9dc76
  • gitDecoration.untrackedResourceForeground#fda471
  • list.activeSelectionBackground#fcd45e5d
  • list.highlightForeground#c0c0c0
  • list.inactiveFocusBackground#464646
  • list.inactiveSelectionBackground#77777744
  • list.inactiveSelectionForeground#FFD569
  • list.warningForeground#A3E076
  • panelTitle.activeBorder#FFD569
  • panelTitle.activeForeground#FFD569
  • sideBar.background#21221d
  • sideBar.foreground#9b9b9b
  • sideBarTitle.foreground#5e5e5e
  • statusBar.background#3b3b3b
  • statusBar.debuggingBackground#ff6666c4
  • statusBar.noFolderBackground#3b3b3b
  • tab.activeBackground#21221d
  • tab.activeBorder#FFD569
  • tab.inactiveBackground#262721
  • textLink.foreground#A3E076

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text, punctuation.definition.comment#727072italic
comment keyword#FD971F
comment storage.type #727072
storage.type#66D9Efitalic
comment entity.name.type #c1c0c0
constant.other.php#B287FF
constant.character.escape.php#B287FF
constant.numeric#B287FF
constant.language#B287FF
entity.other.inherited-class#66D9Efitalic
entity.name.function#A3E076
keyword.control#ff6666e0
keyword.operator#ff6666e0
punctuation#939293
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source#fc9867
entity.name#A3E076
storage.modifier#f76d6de0italic
string#FFD569
string source, support.other.namespace.php#fcfcfa
support.function#A3E076
support.class#66D9Efitalic
variable, variable.other#fcfcfa
variable.language, variable.parameter.function.language.special.self.python#c1c0c0italic
keyword#ff6666e0
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css#c1c0c0
string constant.other.placeholder#EEFFFF
constant.other.color#ffffff
invalid, invalid.illegal#FF5370
constant.other.color, meta.tag, punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, keyword.other.template, keyword.other.substitution#939293
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#FB6060
meta.function-call, variable.function, keyword.other.special-method#82AAFF
meta.block variable.other#fcfcfa
support.other.variable, string.other.link#FB6060
support.constant, constant.character, constant.escape, variable.parameter#66D9Efitalic
keyword.other.unit#FB6060
constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#C3E88D
support.type, support.orther.namespace.use.php, meta.use.php, markup.changed.git_gutter, support.type.sys-types#FFCB6B
support.type#B2CCD6
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#FCFCFA
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FF5370
entity.name.method.js#82AAFFitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#82AAFF
entity.other.attribute-name#A3E076italic
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#A3E076italic
entity.other.attribute-name.class#FFCB6B
source.sass keyword.control#82AAFF
markup.inserted#C3E88D
markup.deleted#FF5370
markup.changed#C792EA
string.regexp#89DDFF
constant.character.escape#B287FF
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#82AAFFitalic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
source.json meta.structure.dictionary.json support.type.property-name.json#fcfcfa
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#fcfafa
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#fcfafa
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#fcfafa
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#fcfafa
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#fcfafa
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#fcfafa
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#fcfafa
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#fcfafa
text.html.markdown, punctuation.definition.list_item.markdown#EEFFFF
text.html.markdown markup.inline.raw.markdown#C792EA
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#C3E88D
markup.italic#FB6060italic
markup.bold, markup.bold string#FB6060bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#FB6060bold
markup.underline#F78C6Cunderline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#82AAFF
string.other.link.description.title.markdown#C792EA
constant.other.reference.link.markdown#FFCB6B
markup.raw.block#C792EA
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#EEFFFF
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#EEFFFF
entity.name.variable.field.cs#fcfcfa
entity.name.type.namespace.cs#66D9Ef
entity.name.variable.parameter.cs#fcfcfa
keyword.type.cs#66D9Ef
storage.type.cs#66D9Ef
entity.name.variable.enum-member.cs#fcfcfa
storage.modifier.import.java#66D9Ef
string.quoted.other.lt-gt.include.c#66D9Ef
meta.function-call.c#fcfcfa
variable.parameter.function.language.python#FD971F
meta.tag.js.jsx, meta.jsx.children.js.jsx#fcfcfa
keyword.other.DDL.create.II.sql#A3E076
entity.name.section.markdown#FFD569italic bold
markup.heading.markdown punctuation.definition.heading.markdown#ff6666c4
Monokai Kraimoz by Kraimoz - VS Code Theme