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#16191F
  • activityBar.foreground#A0AEC0
  • activityBar.inactiveForeground#4A5568
  • dropdown.background#1A1E23
  • dropdown.foreground#F0F6FC
  • editor.background#121417
  • editor.foreground#F0F6FC
  • editor.lineHighlightBackground#1A1E23
  • editor.selectionBackground#264F78
  • editorCursor.foreground#E0A96D
  • editorWhitespace.foreground#3A3F44
  • input.background#1A1E23
  • input.foreground#F0F6FC
  • panel.background#121417
  • quickInput.background#1A1E23
  • quickInput.foreground#F0F6FC
  • scrollbarSlider.activeBackground#3A3F44
  • scrollbarSlider.background#3A3F4480
  • scrollbarSlider.hoverBackground#3A3F44B3
  • sideBar.background#16191F
  • sideBar.foreground#CBD5E0
  • statusBar.background#121417
  • statusBar.foreground#F0F6FC
  • tab.activeBackground#20242C
  • tab.activeForeground#F0F6FC
  • tab.inactiveBackground#16191F
  • tab.inactiveForeground#4A5568
  • titleBar.activeBackground#16191F
  • titleBar.activeForeground#F0F6FC
  • titleBar.inactiveBackground#121417
  • titleBar.inactiveForeground#4A5568

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#6A7981italic
string#A3D977
keyword, storage#528BFF
constant.numeric, constant.language#F78C6C
variable#F0F6FC
function, entity.name.function#FFD580
type, entity.name.type#C792EA
punctuation#F0F6FC
invalid, invalid.deprecated#FF5370bold
entity.name.tag#E06C75
entity.other.attribute-name#98C379
support.function#56B6C2
SEF Theme by AdityaBuradkar001 - VS Code Theme