Skip to main content
Coding Theme

Color themes

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#14161a
  • activityBar.border#ffffff12
  • activityBar.foreground#ffffff76
  • editor.background#1d2025
  • editor.foreground#cecece
  • editor.lineHighlightBackground#ccccff07
  • editor.selectionBackground#333470
  • editorCursor.foreground#6a819e
  • editorGroup.border#ffffff12
  • editorGroupHeader.tabsBackground#14161a
  • editorGroupHeader.tabsBorder#34363b
  • editorLineNumber.foreground#ccccff31
  • editorWhitespace.foreground#282f40
  • editorWidget.background#17191d
  • editorWidget.border#ffffff12
  • focusBorder#3c7eeb42
  • input.background#ffffff09
  • input.border#b0b1d80f
  • list.activeSelectionBackground#4c5ead58
  • list.errorForeground#ec6262
  • list.focusBackground#4c5ead58
  • list.hoverBackground#b0b1d813
  • list.inactiveSelectionBackground#4c5ead58
  • list.inactiveSelectionForeground#ffffff
  • list.warningForeground#e2b664
  • scrollbar.shadow#00000067
  • scrollbarSlider.activeBackground#ffffff13
  • scrollbarSlider.background#ffffff09
  • scrollbarSlider.hoverBackground#ffffff18
  • sideBar.background#171a1e
  • sideBar.border#ffffff13
  • sideBar.foreground#ffffffcc
  • sideBarSectionHeader.background#14161a
  • sideBarSectionHeader.foreground#ffffff94
  • sideBarTitle.foreground#ffffff42
  • statusBar.background#13161d
  • statusBar.noFolderBackground#13161d
  • tab.activeBackground#1d2025
  • tab.activeBorderTop#ffffff10
  • tab.border#ffffff10
  • tab.inactiveBackground#14161a
  • tab.inactiveForeground#ffffff42
  • tab.unfocusedActiveBorderTop#ffffff10
  • titleBar.activeBackground#14161a
  • titleBar.inactiveBackground#14161a
  • titleBar.inactiveForeground#ffffff67

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#8599b3ff
comment#5b6480
string#0fcccc
constant.numeric#0fcccc
constant.language#0fcccc
constant.character, constant.other#0fcccc
variable#4896ce
keyword#868aff
storage#868aff
storage.type#868affitalic
entity.name.class#e6629b bold
entity.other.inherited-class#e6629bitalic
entity.name.function#e6629b
variable.parameter#52bcfditalic
entity.name.tag#868aff
entity.other.attribute-name#e6629b
support.function#45B8FF
support.constant#45B8FF
support.type, support.class#45B8FFitalic
support.other.variable
invalid#c6afec
invalid.deprecated#B2AFF0
token.info-token#6796e6
token.warn-token#e2b664
token.error-token#ec6262
token.debug-token#a768d3
Agent Jay Theme by yonnifer - VS Code Theme