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#141d4b
  • activityBar.foreground#FFD100
  • activityBarBadge.background#FFD100
  • activityBarBadge.foreground#141d4b
  • editor.background#0E0F1A
  • editor.foreground#E6E6E6
  • editor.inactiveSelectionBackground#141d4b33
  • editor.lineHighlightBackground#1A1B2E55
  • editor.selectionBackground#264F78
  • editorCursor.foreground#FFD700
  • editorLineNumber.foreground#4D4D4D
  • sideBar.background#0E0F1A
  • sideBar.foreground#CCCCCC
  • statusBar.background#141d4b
  • statusBar.foreground#FFD100
  • tab.activeBackground#1A1B2E
  • tab.activeForeground#FFD100
  • tab.inactiveBackground#0E0F1A
  • tab.inactiveForeground#A6A6A6
  • titleBar.activeBackground#141d4b
  • titleBar.activeForeground#FFD100
  • titleBar.inactiveBackground#0E0F1A
  • titleBar.inactiveForeground#A6A6A6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword#F2A6D5
string#A6C8FF
constant.numeric#FFB347
variable#B3A1FF
variable.parameter#88D1F1
constant#FFD100
constant.language.boolean#9AE29B
string.regexp#4EC9B0
comment#6A9955italic
function#FFCB6B
support.function#FFCB6B
type#B390D4
storage.type#FFD700
entity.name.type#82AAFF
entity.name.tag#FFD100
support.type.property-name.css#9AE29B
invalid#FF5E5E
bocchi-boca-juniors-theme-dark by Gonzalo Sosa - VS Code Theme