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#B564B4
  • activityBar.foreground#F5ECCB
  • activityBar.inactiveForeground#F5ECCB80
  • activityBarBadge.background#844EA6
  • activityBarBadge.foreground#F5ECCB
  • button.background#B564B4
  • button.foreground#F5ECCB
  • dropdown.background#EADFC0
  • dropdown.foreground#2F1C47
  • editor.background#F5ECCB
  • editor.findMatchBackground#A2B4EB50
  • editor.findMatchHighlightBackground#B1E3E030
  • editor.foreground#2F1C47
  • editor.inactiveSelectionBackground#A2B4EB20
  • editor.lineHighlightBackground#A2B4EB15
  • editor.selectionBackground#A2B4EB40
  • editorCursor.foreground#2F1C47
  • editorLineNumber.activeForeground#2F1C47
  • editorLineNumber.foreground#B564B4
  • focusBorder#844EA6
  • input.background#EADFC0
  • input.border#B564B4
  • input.foreground#2F1C47
  • list.activeSelectionBackground#A2B4EB30
  • list.focusBackground#B1E3E025
  • list.hoverBackground#B1E3E020
  • list.inactiveSelectionBackground#A2B4EB10
  • sideBar.background#EADFC0
  • sideBar.foreground#2F1C47
  • sideBarTitle.foreground#B564B4
  • statusBar.background#844EA6
  • statusBar.foreground#F5ECCB
  • statusBar.noFolderBackground#EADFC0
  • terminal.ansiBlack#EADFC0
  • terminal.ansiBlue#844EA6
  • terminal.ansiBrightBlack#D9C8A8
  • terminal.ansiBrightBlue#A2B4EB
  • terminal.ansiBrightCyan#D0F4F2
  • terminal.ansiBrightGreen#B1E3E0
  • terminal.ansiBrightMagenta#C5D1F5
  • terminal.ansiBrightRed#D8A0D6
  • terminal.ansiBrightWhite#2F1C47
  • terminal.ansiBrightYellow#F5ECCB
  • terminal.ansiCyan#00968B
  • terminal.ansiGreen#00968B
  • terminal.ansiMagenta#A2B4EB
  • terminal.ansiRed#B564B4
  • terminal.ansiWhite#2F1C47
  • terminal.ansiYellow#B564B4
  • terminal.background#D9C8A8
  • terminal.foreground#2F1C47
  • titleBar.activeBackground#D9C8A8
  • titleBar.activeForeground#2F1C47
  • titleBar.inactiveBackground#EADFC0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A2B4EBitalic
string, string.quoted, punctuation.definition.string#00968Bnormal
constant.numeric#00968Bnormal
constant.language#B564B4bold
keyword, storage.type, storage.modifier#844EA6bold
keyword.operator, punctuation, punctuation.accessor#2F1C47normal
entity.name.function, support.function#5C2D7Abold
meta.method-call entity.name.function#5C2D7Anormal
entity.name.type, entity.name.class, support.class#2F1C47underline
variable, variable.parameter, variable.other#2F1C47normal
support.constant#00968Bnormal
entity.name.tag#844EA6normal
entity.other.attribute-name#2F1C47normal
markup.heading.markdown#B564B4bold
string.other.link#A2B4EBunderline
markup.bold, markup.italicnormalbold italic
Luminora by Jay Jogane - VS Code Theme