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#F3F4F6
  • activityBar.border#E5E7EB
  • activityBar.foreground#2E3440
  • activityBar.inactiveForeground#9CA3AF
  • activityBarBadge.background#0066CC
  • activityBarBadge.foreground#FAFAFA
  • button.background#0066CC
  • button.foreground#FAFAFA
  • button.hoverBackground#0052A3
  • dropdown.background#FFFFFF
  • dropdown.border#E5E7EB
  • dropdown.foreground#2E3440
  • editor.background#FAFAFA
  • editor.foreground#2E3440
  • editor.lineHighlightBackground#F3F4F6
  • editor.selectionBackground#E5E7EB
  • editor.selectionHighlightBackground#E5E7EB75
  • editor.wordHighlightBackground#E5E7EB50
  • editor.wordHighlightStrongBackground#E5E7EB75
  • editorBracketMatch.background#0066CC30
  • editorBracketMatch.border#0066CC
  • editorCursor.foreground#0066CC
  • editorIndentGuide.activeBackground#0066CC
  • editorIndentGuide.background#E5E7EB
  • editorLineNumber.activeForeground#0066CC
  • editorLineNumber.foreground#A3A3A3
  • editorRuler.foreground#E5E7EB
  • editorWhitespace.foreground#9CA3AF
  • focusBorder#0066CC
  • input.background#FFFFFF
  • input.border#E5E7EB
  • input.foreground#2E3440
  • input.placeholderForeground#9CA3AF
  • list.activeSelectionBackground#0066CC20
  • list.activeSelectionForeground#2E3440
  • list.focusBackground#0066CC30
  • list.hoverBackground#F3F4F6
  • list.inactiveSelectionBackground#E5E7EB
  • panel.background#FAFAFA
  • panel.border#E5E7EB
  • panel.foreground#2E3440
  • panelTitle.activeBorder#0066CC
  • panelTitle.activeForeground#2E3440
  • panelTitle.inactiveForeground#9CA3AF
  • sideBar.background#F3F4F6
  • sideBar.border#E5E7EB
  • sideBar.foreground#2E3440
  • sideBarSectionHeader.background#E5E7EB
  • sideBarSectionHeader.border#D1D5DB
  • sideBarSectionHeader.foreground#2E3440
  • sideBarTitle.foreground#0066CC
  • statusBar.background#F3F4F6
  • statusBar.border#E5E7EB
  • statusBar.foreground#2E3440
  • statusBarItem.activeBackground#D1D5DB
  • statusBarItem.hoverBackground#E5E7EB
  • tab.activeBackground#FAFAFA
  • tab.activeBorder#0066CC
  • tab.activeForeground#2E3440
  • tab.border#E5E7EB
  • tab.hoverBackground#E5E7EB
  • tab.inactiveBackground#F3F4F6
  • tab.inactiveForeground#9CA3AF
  • terminal.background#FAFAFA
  • terminal.foreground#2E3440
  • titleBar.activeBackground#F3F4F6
  • titleBar.activeForeground#2E3440
  • titleBar.border#E5E7EB
  • titleBar.inactiveBackground#F3F4F6
  • titleBar.inactiveForeground#9CA3AF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.control.mvbasic, keyword.control.flow.mvbasic, keyword.control.conditional.flow.mvbasic#0066CCbold
keyword.other.mvbasic, storage.type.mvbasic, keyword.declaration.mvbasic#8B4B9Cbold
keyword.operator.mvbasic, keyword.operator.logical.mvbasic#C44569bold
support.function.builtin.relational.mvbasic#C44569bold
variable.mvbasic#007D7A
variable.parameter.mvbasic#8B4B9C
variable.other.constant.atvar.mvbasic, constant.language.mvbasic#C44569bold
constant.language.system-variable.mvbasic#C44569bold
punctuation.definition.mvbasic#0066CC
constant.numeric.mvbasic#0076A8bold
entity.name.function.mvbasic#7F47B8bold
meta.function-call.mvbasic entity.name.function#7F47B8bold
meta.function-call.gosub.mvbasic, support.function.gosub.mvbasic variable.other.label.mvbasic, keyword.control.gosub.mvbasic + variable.other.mvbasic#DC2F7Bbold italic
entity.name.function.gosub-reference.mvbasic#DC2F7Bbold italic
entity.name.label.mvbasic, meta.label.mvbasic#DC2F7Bbold italic underline
string.quoted.mvbasic#CC8500
string.quoted.single.mvbasic#CC8500bold
comment.line.mvbasic#6B7280italic
support.function.system.mvbasic, variable.other.system.mvbasic#C44569bold
punctuation.definition.system.mvbasic#0066CCbold
keyword.operator.at.mvbasic#8B4B9Cbold
meta.function-call.system.mvbasic, support.function.at-function.mvbasic#007D7Abold underline
punctuation.section.function.begin.mvbasic, punctuation.section.parens.begin.mvbasic#0076A8
punctuation.separator.mvbasic, punctuation.terminator.mvbasic#8B4B9C
keyword.operator.mvbasic.at#C44569bold
keyword.control.directive.mvbasic#CC8500bold italic
entity.name.type.file-handle.mvbasic#CC8500bold underline
variable.other.label-reference.mvbasic, entity.name.function.label-reference.mvbasic, meta.gosub.mvbasic variable.other.mvbasic, support.function.gosub.mvbasic variable.other.mvbasic#DC2F7Bbold italic
entity.name.label.mvbasic, meta.label.mvbasic, entity.name.tag.mvbasic, variable.other.tag.mvbasic#DC2F7Bbold italic underline
meta.function-call.external.mvbasic, entity.name.function.external.mvbasic, support.function.external.mvbasic#7F47B8bold
variable.other.system.mvbasic, support.function.system.mvbasic, variable.language.mvbasic#C44569bold
entity.name.type.file-handle.mvbasic, variable.other.file-handle.mvbasic, constant.other.file-handle.mvbasic#CC8500bold underline