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#140B1D
  • activityBar.foreground#FF9F1C
  • activityBarBadge.background#FF9F1C
  • activityBarBadge.foreground#140B1D
  • dropdown.background#160D22
  • dropdown.border#FF9F1C
  • dropdown.foreground#E6DFF1
  • editor.background#1B1026
  • editor.foreground#E6DFF1
  • editor.inactiveSelectionBackground#3A2159
  • editor.lineHighlightBackground#2A173D
  • editor.selectionBackground#4B2A73
  • editorCursor.foreground#FF9F1C
  • editorHoverWidget.background#160D22
  • editorHoverWidget.foreground#E6DFF1
  • editorIndentGuide.activeBackground#FF9F1C
  • editorIndentGuide.background#3E2758
  • editorLineNumber.activeForeground#FF9F1C
  • editorLineNumber.foreground#6E4C9A
  • editorSuggestWidget.background#160D22
  • editorSuggestWidget.foreground#E6DFF1
  • editorSuggestWidget.selectedBackground#FF9F1C
  • editorWhitespace.foreground#3E2758
  • editorWidget.background#160D22
  • editorWidget.border#FF9F1C
  • editorWidget.foreground#E6DFF1
  • menu.background#160D22
  • menu.foreground#E6DFF1
  • menu.selectionBackground#FF9F1C
  • menu.selectionForeground#140B1D
  • pickerGroup.border#FF9F1C
  • pickerGroup.foreground#FF9F1C
  • quickInput.background#160D22
  • quickInput.foreground#E6DFF1
  • quickInputTitle.background#140B1D
  • sideBar.background#160D22
  • sideBar.foreground#D6C6EA
  • statusBar.background#140B1D
  • statusBar.foreground#FF9F1C
  • tab.activeBackground#1F1230
  • tab.activeForeground#FF9F1C
  • tab.inactiveBackground#160D22
  • tab.inactiveForeground#9E7BC7
  • titleBar.activeBackground#140B1D
  • titleBar.activeForeground#FF9F1C

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7A5CA6italic
string#FFB347
keyword, storage.type#C792EA
variable, meta.definition.variable#E6DFF1
constant.numeric, constant.language#FF9F1C
entity.name.function, support.function#FF9F1C
entity.name.type, entity.name.class#B48EED