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#010d17
  • editor.background#010d17
  • editor.foreground#dfdfdf
  • editorCursor.foreground#1a8df1
  • editorGroupHeader.border#010d17
  • editorGroupHeader.tabsBackground#010d17
  • editorGutter.background#010d17
  • editorLineNumber.activeForeground#1364ab
  • editorLineNumber.foreground#bbb9b9
  • editorSuggestWidget.background#010d17
  • editorSuggestWidget.border#4c566a
  • editorSuggestWidget.foreground#e5e5e5
  • editorSuggestWidget.selectedBackground#022e52
  • scrollbar.background#010d17
  • scrollbarSlider.activeBackground#065c9c
  • scrollbarSlider.background#02192c
  • scrollbarSlider.hoverBackground#043354
  • sideBar.background#010d17
  • statusBar.background#010d17
  • tab.activeBackground#010d17
  • tab.activeBorder#043354
  • tab.activeBorderTop#032137
  • tab.border#02192c
  • tab.inactiveBackground#010d17
  • terminal.background#010a12
  • terminal.foreground#cac8c8
  • titleBar.activeBackground#010d17
  • titleBar.activeForeground#dfdfdf
  • titleBar.inactiveBackground#010d17
  • titleBar.inactiveForeground#aaaaaa

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#6e7681italic
keyword, storage.type, storage.modifier#c678ddbold
string, constant.other.symbol#98c379
variable, variable.parameter, meta.object-literal.key#61afef
entity.name.function, support.function, meta.function-call#e5c07b
entity.name.type, support.class, support.type#e5c07b
constant.numeric, constant.language, constant.character#d19a66
punctuation#abb2bf
meta.tag#e06c75
entity.other.attribute-name#d19a66
Stellar Blue by Anoop Jha - VS Code Theme