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.

  • activityBarBadge.background#007acc
  • editor.background#ffffff
  • editor.foreground#000000
  • editor.inactiveSelectionBackground#e5ebf1
  • editor.selectionHighlightBackground#add6ff80
  • editorError.foreground#ff0000
  • editorIndentGuide.activeBackground1#939393
  • editorIndentGuide.background1#d3d3d3
  • editorInfo.foreground#3298d3
  • editorOverviewRuler.errorForeground#ff0000bf
  • editorOverviewRuler.findMatchForeground#ffaa00bf
  • editorOverviewRuler.infoForeground#3298d3bf
  • editorOverviewRuler.warningForeground#00af00bf
  • editorSuggestWidget.background#f3f3f3
  • editorWarning.foreground#00af00
  • focusBorder#0060c050
  • input.placeholderForeground#767676
  • inputOption.activeBackground#ceeafd
  • inputOption.activeBorder#99CAEB
  • list.activeSelectionBackground#c0e1fc
  • list.activeSelectionForeground#363636
  • list.focusHighlightForeground#0060c0
  • list.hoverBackground#e8e8e8
  • list.inactiveSelectionBackground#d8eaf7
  • menu.separatorBackground#cccccc
  • settings.numberInputBorder#cecece
  • settings.textInputBorder#cecece
  • sideBarTitle.foreground#6f6f6f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
invalid.illegal#ff3769
comment, comment.block, punctuation.definition.comment#419741
comment.documentation, comment.line.documentation, comment.block.documentation#d84e87
meta.preprocessor, keyword.operator.preprocessor, keyword.other.preprocessor, comment.block.preprocessor#df217a
string.quoted.double.include.system, string.quoted.double.quote.include.system#4403be
string.quoted.double.include.user, string.quoted.double.quote.include.user#276d0b
meta.preprocessor.pragma_value#0062bd
meta.preprocessor.error_value#464646
constant.language.macro#a55d00
punctuation.preprocessor#a55d00
keyword.operator.word.preprocessor#ce2216
meta.preprocessor.line#000000
meta.preprocessor.macro_name#8f0043
keyword.other.preprocessor.unknown, keyword.other.preprocessor.hash.unknown#9e24ce
keyword.operator#000000
keyword.operator.word#ff00c8
support.type, storage.type, keyword, storage#0050c7
storage.type.category#97281c
keyword.other.context#db0054
meta.attribute.region#640046
storage.modifier.attrib#ff25be
constant.language, support.constant, variable.language#b40797
constant.numeric, constant#058516
string.quoted.single#008f99
string, string.quoted#c41f1f
string.quoted.triple#464646
string.quoted.triple.delim#d16b17
constant.character.escape#002981
invalid.illegal.escape#ff00ff
constant.other.suffix#d35005
Clean C++ Syntax by HolyBlackCat - VS Code Theme