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.activeBorder#010101
  • activityBar.background#010101
  • activityBar.dropBorder#010101
  • activityBar.foreground#ffffffa6
  • activityBar.inactiveForeground#323f4b
  • activityBarBadge.background#00608e
  • activityBarBadge.foreground#ffffffa6
  • badge.background#00608e
  • badge.foreground#ffffffa6
  • breadcrumb.activeSelectionForeground#ffffffa6
  • breadcrumb.background#080808
  • breadcrumb.focusForeground#ffffffa6
  • breadcrumb.foreground#757575
  • breadcrumbPicker.background#212121
  • button.background#00608e
  • button.foreground#ffffffa6
  • button.hoverBackground#517f9c
  • charts.blue#00608e
  • charts.foreground#ffffffa6
  • charts.green#1a9700
  • charts.lines#ffffffa6
  • charts.orange#d1691b
  • charts.purple#4b488e
  • charts.red#c13547
  • charts.yellow#d2b700
  • editor.background#080808
  • editor.foreground#ffffffa6
  • editor.lineHighlightBackground#121212
  • editor.lineHighlightBorder#121212
  • editorGroup.emptyBackground#010101
  • editorGroupHeader.noTabsBackground#010101
  • editorGroupHeader.tabsBackground#010101
  • editorGutter.background#080808
  • editorLineNumber.activeForeground#ffffffa6
  • editorLineNumber.foreground#323f4b
  • gitDecoration.conflictingResourceForeground#b7b3cc
  • gitDecoration.deletedResourceForeground#c8787a
  • gitDecoration.ignoredResourceForeground#757575
  • gitDecoration.modifiedResourceForeground#ccb664
  • gitDecoration.stageDeletedResourceForeground#b7b3cc
  • gitDecoration.stageModifiedResourceForeground#d59369
  • gitDecoration.submoduleResourceForeground#76ab63
  • gitDecoration.untrackedResourceForeground#ffffffa6
  • menubar.selectionBackground#00608e
  • panel.background#010101
  • panel.border#010101
  • scrollbar.shadow#080808
  • sideBar.background#010101
  • sideBar.foreground#ffffffa6
  • sideBarSectionHeader.background#212121
  • sideBarSectionHeader.border#212121
  • sideBarTitle.foreground#ffffffa6
  • statusBar.background#010101
  • statusBar.debuggingBackground#d1691b
  • statusBar.noFolderBackground#010101
  • statusBarItem.errorBackground#c13547
  • statusBarItem.hoverBackground#010101
  • statusBarItem.remoteBackground#1a9700
  • tab.activeBackground#080808
  • tab.activeForeground#ffffffa6
  • tab.border#010101
  • tab.inactiveBackground#010101
  • tab.inactiveForeground#323f4b
  • terminal.background#010101
  • terminal.foreground#ffffffa6
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#ffffffc0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#486581italic
keyword, storage.type, storage.modifier#53A8B7
source.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, 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, 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, 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, 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, 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, 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, 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#53A8B7
entity.name.tag#53A8B7
entity.other.attribute-name.class.css, entity.other.attribute-name.class.sass#53A8B7
source.css entity.other.attribute-name.id, source.less entity.other.attribute-name.id, source.scss entity.other.attribute-name.id, source.sass entity.other.attribute-name.id#53A8B7
constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other#4F9909
string, constant.other.symbol, entity.other.inherited-class#4F9909
entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.tag.pseudo-class#4F9909
markdown.heading, markup.heading, markup.inserted.git_gutter, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#D1691Bbold
comment#D6D6D66C
punctuation.definition.comment#D6D6D66C
string#8199B8
meta.embedded.assembly#8199B8
keyword - keyword.operator#AE8FBD
keyword.control#AE8FBD
storage#AE8FBD
storage.type#AE8FBD
constant.numeric#BE739D
entity.name.type#62CEC5DC
entity.name.class#62CEC5DC
support.type#62CEC5DC
support.class#62CEC5DC
entity.name.function#B65C65
support.function#B65C65
variable#B6B6B6
entity.name.variable#B6B6B6
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
shock's dark and grim by shocklord - VS Code Theme