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#003847
  • button.background#0e639c
  • button.hoverBackground#1177bb
  • contrastBorder#052590ff
  • debugToolBar.background#333333
  • dropdown.background#00212B
  • editor.background#0E2931
  • editor.border#258c77ff
  • editor.errorForeground#f50b2aff
  • editor.foreground#dbe8ebff
  • editor.lineHighlightBackground#044657ff
  • editor.selectionBackground#0d4f56ff
  • editor.selectionHighlightBackground#14383C
  • editor.textLink.foreground#011be5ff
  • editorActionList.focusBackground#0e4b56ff
  • editorBreadcrumb.background#1e1e1e
  • editorCursor.foreground#cde6ecff
  • editorError.foreground#f73711ff
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#739da0ff
  • editorLineNumber.foreground#5E8285
  • editorWarning.foreground#eac20cff
  • focusBorder#007fd4
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.modifiedResourceForeground#e2c08d
  • input.background#003847
  • input.border#015870ff
  • list.activeSelectionBackground#0075a7
  • list.hoverBackground#002B36
  • panel.border#036770ff
  • scrollbarSlider.activeBackground#6e757bff
  • scrollbarSlider.background#067192
  • scrollbarSlider.hoverBackground#98a3aeff
  • sideBar.background#00212B
  • sideBar.foreground#cccccc
  • statusBar.background#00212B
  • statusBar.foreground#ffffff
  • tab.activeBackground#015b69
  • tab.hoverBackground#015870ff
  • tab.inactiveBackground#004052
  • titleBar.activeBackground#00212B
  • titleBar.activeForeground#cccccc
  • toolbar.background#003847
  • workbench.background#002B36

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6a9955italic
string, punctuation.definition.string#01A252
keyword, storage.type, storage.modifier#569cd6
entity.name.function, support.function#4784f6ff
entity.name.type, entity.name.class, support.type#04c59eff
variable, entity.name.variable#9cdcfe
constant.numeric, constant.language#df042cff
constant.language#B87032
keyword.operator, punctuation#d4d4d4
entity.name.tag#3a82f5ff
entity.other.attribute-name#FFCA4F
entity.other.attribute-name#FFCA4F
support.type.property-name#01A252
support.type.property-name.json#9cdcfe
string.regexp#d16969
Solarize Dark Next by Andr-137 - VS Code Theme