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.activeBackground#FFF
  • activityBar.activeBorder#B303B3
  • activityBar.background#FAFAFA
  • activityBar.border#DDD
  • activityBar.dropBackground#FFF
  • activityBar.foreground#B303B3
  • activityBar.inactiveForeground#888
  • editor.background#FEFEFE
  • editor.foreground#333333
  • editor.hoverHighlightBackground#fff1f4
  • editor.selectionBackground#e8ffd9
  • editor.selectionHighlightBackground#fff8d3
  • editor.wordHighlightBackground#fffece
  • editor.wordHighlightStrongBackground#e3fffa
  • editorGutter.background#FFF
  • editorIndentGuide.background#f0f0f0
  • editorLineNumber.activeForeground#B303B3
  • editorLineNumber.foreground#AAA
  • gitDecoration.addedResourceForeground#087BA8
  • gitDecoration.ignoredResourceForeground#88909c
  • gitDecoration.modifiedResourceForeground#A71D5D
  • gitDecoration.untrackedResourceForeground#2B6CC2
  • list.activeSelectionBackground#D32674
  • list.warningForeground#9c4b00
  • minimap.background#fafafa
  • sideBar.background#FFF
  • sideBar.border#EEE
  • sideBar.foreground#222
  • sideBarSectionHeader.background#FAFAFA
  • sideBarSectionHeader.border#DDD
  • sideBarSectionHeader.foreground#B303B3
  • sideBarTitle.foreground#B303B3
  • statusBar.background#FAFAFA
  • statusBar.debuggingBackground#ff9d9d
  • statusBar.foreground#222
  • statusBar.noFolderBackground#eaffcb
  • tab.activeBorderTop#B303B3
  • tab.activeForeground#B303B3
  • tab.border#AAA
  • tab.inactiveBackground#CCC
  • tab.inactiveForeground#222
  • tab.inactiveModifiedBorder#2b6cc2
  • terminal.ansiBlack#555555
  • terminal.ansiBlue#087BA8
  • terminal.ansiBrightGreen#007A01
  • terminal.ansiCyan#4B00AD
  • terminal.ansiGreen#2F9080
  • terminal.ansiMagenta#A71D5D
  • terminal.ansiRed#D32674
  • terminal.ansiYellow#9A5CFF
  • terminal.background#FFFFFF
  • terminal.foreground#222222
  • tree.indentGuidesStroke#CCC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#AAAAAAitalic
comment.block.preprocessor#AAAAAA
comment.documentation, comment.block.documentation#2F9080
comment.block#2F9080
comment.line#2f67b1italic
invalid.illegal#660000
keyword.operator#A71D5D
keyword, storage#D32674bold
entity.name.type.class#4105ED
storage.type, support.type#181FA7italic
constant.language, support.constant, variable.language#007A01
variable, support.variable#111
variable.other.property#4b00ad
entity.name.function, support.function#A71D5D
entity.name.type, entity.other.inherited-class, support.class, storage.modifier.import, storage.modifier.package#181FA7
storage.type.annotation#00A29Abold italic
entity.name.exception#ce1100
entity.name.sectionbold
constant.numeric, constant.character, constant#007A01
string#0076D6
constant.character.escape#777777
string.regexp#0086B3
constant.other.symbol, keyword.other.unit#0086B3
punctuation#777777
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#AAAAAA
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#087ba8
entity.name.tag#A71D5D
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#181FA7italic
constant.character.entity, punctuation.definition.entity#00ad82
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#D32674bold
meta.property-name, support.type.property-name#7A3E9Dbold italic
meta.property-value, meta.property-value constant.other, support.constant.property-value#448C27
keyword.other.importantbold
markup.changed#000000
markup.deleted#000000
markup.italicitalic
markup.error#660000
markup.inserted#000000
meta.link#9A5Cff
markup.output, markup.raw#777777
markup.prompt#777777
markup.heading#4B00AD
markup.boldbold
markup.traceback#A71D5D
markup.underlineunderline
markup.quote#7A3E9D
markup.list#087BA8
markup.bold, markup.italic#D32674
markup.inline.raw#A71D5D
markup.fenced_code.block#eb5600
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343
ThemeDatabase All Themes by enes ozturk - VS Code Theme