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#000027
  • activityBar.foreground#D98E32
  • activityBar.inactiveForeground#6272A4
  • activityBarBadge.background#FF5C5C
  • activityBarBadge.foreground#FFFFFF
  • editor.background#000027
  • editor.foreground#D98E32
  • editor.selectionBackground#4B7EB040
  • editorCursor.foreground#E6E6F0
  • editorLineNumber.activeForeground#E6E6F0
  • editorLineNumber.foreground#6272A4
  • focusBorder#4B7EB0
  • input.background#050530
  • input.foreground#D98E32
  • input.placeholderForeground#6272A4
  • list.activeSelectionBackground#4B7EB040
  • list.activeSelectionForeground#D98E32
  • list.hoverBackground#4B7EB020
  • sideBar.background#050530
  • sideBar.foreground#D98E32
  • sideBarSectionHeader.background#000027
  • sideBarSectionHeader.foreground#D98E32
  • statusBar.background#4B7EB0
  • statusBar.foreground#000027
  • statusBar.noFolderBackground#050530
  • statusBarItem.hoverBackground#D98E3220
  • tab.activeBackground#000027
  • tab.activeBorderTop#FF5C5C
  • tab.activeForeground#D98E32
  • tab.inactiveBackground#050530
  • tab.inactiveForeground#6272A4
  • terminal.ansiBlack#000027
  • terminal.ansiBlue#4B7EB0
  • terminal.ansiBrightBlack#6272A4
  • terminal.ansiBrightBlue#D6ACFF
  • terminal.ansiBrightCyan#A4FFFF
  • terminal.ansiBrightGreen#69FF94
  • terminal.ansiBrightMagenta#FF92DF
  • terminal.ansiBrightRed#FF6E6E
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFFFA5
  • terminal.ansiCyan#8BE9FD
  • terminal.ansiGreen#50FA7B
  • terminal.ansiMagenta#BD93F9
  • terminal.ansiRed#FF5C5C
  • terminal.ansiWhite#E6E6F0
  • terminal.ansiYellow#D98E32
  • terminal.background#000027
  • terminal.foreground#D98E32
  • titleBar.activeBackground#000027
  • titleBar.activeForeground#E6E6F0
  • titleBar.inactiveBackground#050530
  • titleBar.inactiveForeground#6272A4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6272A4italic
keyword, storage.type, storage.modifier#4B7EB0bold
string, string.template#50FA7B
entity.name.function, support.function#8BE9FD
variable, meta.definition.variable#E6E6F0
constant.numeric, constant.language#D98E32
entity.name.tag, markup.heading#FF5C5C
Steelbore Theme by SteelBore - VS Code Theme