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#0D0B10
  • activityBar.foreground#B080E0
  • activityBarBadge.background#B080E0
  • activityBarBadge.foreground#FFFFFF
  • badge.background#B080E0
  • badge.foreground#FFFFFF
  • button.background#2A2630
  • button.foreground#C5C8C6
  • button.hoverBackground#3A3640
  • editor.background#15121A
  • editor.foreground#C5C8C6
  • editorCursor.foreground#E0B0FF
  • editorError.foreground#D84040
  • editorLineNumber.activeForeground#9088A0
  • editorLineNumber.foreground#706C78
  • focusBorder#B080E0
  • input.background#201C25
  • input.border#6A5F7A
  • input.foreground#D8D8D8
  • list.activeSelectionBackground#B080E040
  • list.activeSelectionForeground#FFFFFF
  • list.highlightForeground#D0A0FF
  • list.hoverBackground#25222A80
  • scrollbarSlider.activeBackground#6A5F7AC0
  • scrollbarSlider.background#6A5F7A60
  • scrollbarSlider.hoverBackground#6A5F7A90
  • sideBar.background#0D0B10
  • sideBar.foreground#A0A0A0
  • statusBar.background#0D0B10
  • statusBar.debuggingBackground#D84040
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#A0A0A0
  • tab.activeBackground#1A181D
  • tab.activeBorderTop#B080E0
  • tab.activeForeground#FFFFFF
  • tab.border#100E13
  • tab.inactiveBackground#100E13
  • tab.inactiveForeground#A0A0A0
  • terminal.ansiBlack#0D0B10
  • terminal.ansiBlue#80A0D0
  • terminal.ansiBrightBlack#807C88
  • terminal.ansiBrightBlue#A0C0E8
  • terminal.ansiBrightCyan#B0D0D0
  • terminal.ansiBrightGreen#A0E0F0
  • terminal.ansiBrightMagenta#D8B8F8
  • terminal.ansiBrightRed#F06060
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#E8C8B8
  • terminal.ansiCyan#90B0B0
  • terminal.ansiGreen#70C0E0
  • terminal.ansiMagenta#C090F0
  • terminal.ansiRed#D84040
  • terminal.ansiWhite#C5C8C6
  • terminal.ansiYellow#D0B0A0
  • terminal.background#15121A
  • terminal.foreground#C5C8C6
  • titleBar.activeBackground#18151E
  • titleBar.activeForeground#C5C8C6
  • titleBar.inactiveBackground#0D0B10
  • titleBar.inactiveForeground#807C88
  • widget.shadow#00000080

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7A7482italic
keyword, storage.type, storage.modifier#C090F0
string, punctuation.definition.string#A0A0C0
constant.numeric, constant.language#80A0D0
entity.name.function, support.function#70C0E0
entity.name.type, entity.name.class, support.class#D8B8F8
punctuation#807C88
variable#90B0B0
punctuation.definition.list.begin.markdown#807C88
markup.heading#D0A0FFbold
Section 9 Theme by y4m3 - VS Code Theme