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#041825
  • activityBar.foreground#E6EEF6
  • activityBarBadge.background#D9482A
  • badge.background#18394A
  • dropdown.background#1e1e2e
  • dropdown.border#274559
  • dropdown.foreground#ffffff
  • editor.background#071E33
  • editor.findMatchBackground#2B556E
  • editor.foreground#E6EEF6
  • editor.inactiveSelectionBackground#1532413a
  • editor.lineHighlightBackground#002958
  • editor.lineHighlightBorder#002958
  • editor.selectionBackground#1E3B52
  • editor.selectionHighlightBackground#264b6667
  • editorCursor.foreground#FFD866
  • editorError.border#ff1414
  • editorError.foreground#ff1414
  • editorGroup.border#274559
  • editorGroupHeader.tabsBackground#041825
  • editorIndentGuide.background1#0F2B3A
  • editorLineNumber.foreground#274559
  • editorWarning.foreground#FFB86B
  • editorWhitespace.foreground#133746
  • input.background#1e1e2e
  • input.foreground#ffffff
  • list.focusBackground#002741
  • list.focusForeground#E6EEF6
  • list.hoverBackground#0b3a4e
  • list.hoverForeground#E6EEF6
  • menu.background#183446
  • menu.foreground#ffffff
  • menu.selectionBackground#094771
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#274559
  • quickInput.background#072232
  • quickInput.foreground#E6EEF6
  • sideBar.background#072232
  • sideBar.foreground#E6EEF6
  • statusBar.background#041825
  • statusBar.foreground#E6EEF6
  • tab.activeBackground#072232
  • tab.activeForeground#ffffff
  • tab.inactiveBackground#041827
  • titleBar.activeBackground#041825
  • titleBar.activeForeground#E6EEF6
  • titleBar.inactiveBackground#041825
  • titleBar.inactiveForeground#7A8288

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7A8288italic
keyword, storage.type, storage.modifier#D9482Abold
variable, variable.other.readwrite, variable.parameter, keyword.operator#2AA86A
entity.name.function, support.function, meta.import, keyword.control.import, support.module, variable.language#6AD1E3
string, constant.string, constant.numeric, constant.language.boolean#E6C33F
entity.name.type, support.type, meta.class#9AB7D8
punctuation, meta.brace, meta.delimiter#B9D6E8
invalid, invalid.deprecated#ff1414underline
Middle Path Theme by AmyJapanese - VS Code Theme