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#191622
  • activityBar.border#44475A
  • activityBar.foreground#F8F8F2
  • activityBar.inactiveForeground#6272A4
  • activityBarBadge.background#00D4FF
  • activityBarBadge.foreground#191622
  • editor.background#1E1E2E
  • editor.foreground#F8F8F2
  • editor.lineHighlightBackground#282A36
  • editor.selectionBackground#44475A
  • editor.selectionHighlightBackground#44475A75
  • editor.wordHighlightBackground#44475A50
  • editor.wordHighlightStrongBackground#44475A75
  • editorBracketHighlight.foreground1#00D4FF
  • editorBracketHighlight.foreground2#8BE9FD
  • editorBracketHighlight.foreground3#D4A5FF
  • editorBracketHighlight.foreground4#00D4FF
  • editorBracketHighlight.foreground5#FF6B9D
  • editorBracketHighlight.foreground6#F1FA8C
  • editorBracketHighlight.unexpectedBracket.foreground#FF5555
  • editorBracketMatch.background#00D4FF50
  • editorBracketMatch.border#00D4FF
  • editorBracketPairGuide.activeBackground1#00D4FF60
  • editorBracketPairGuide.activeBackground2#8BE9FD60
  • editorBracketPairGuide.activeBackground3#FF6B9D60
  • editorBracketPairGuide.background1#00D4FF30
  • editorBracketPairGuide.background2#8BE9FD30
  • editorBracketPairGuide.background3#FF6B9D30
  • editorBracketPairGuide.background4#D4A5FF30
  • editorBracketPairGuide.background5#FFB86C30
  • editorBracketPairGuide.background6#8BE9FD30
  • editorCursor.foreground#00D4FF
  • editorIndentGuide.activeBackground#00D4FF
  • editorIndentGuide.background#44475A
  • editorLineNumber.activeForeground#00D4FF
  • editorLineNumber.foreground#44475A
  • editorRuler.foreground#44475A
  • editorWhitespace.foreground#6272A4
  • panel.background#191622
  • panel.border#44475A
  • panel.foreground#F8F8F2
  • panelTitle.activeBorder#00D4FF
  • panelTitle.activeForeground#F8F8F2
  • panelTitle.inactiveForeground#6272A4
  • sideBar.background#191622
  • sideBar.border#44475A
  • sideBar.foreground#F8F8F2
  • sideBarSectionHeader.background#282A36
  • sideBarSectionHeader.border#44475A
  • sideBarSectionHeader.foreground#F8F8F2
  • sideBarTitle.foreground#00D4FF
  • statusBar.background#191622
  • statusBar.border#44475A
  • statusBar.foreground#F8F8F2
  • statusBarItem.activeBackground#44475A
  • statusBarItem.hoverBackground#44475A
  • tab.activeBackground#1E1E2E
  • tab.activeBorder#00D4FF
  • tab.activeForeground#F8F8F2
  • tab.border#44475A
  • tab.inactiveBackground#191622
  • tab.inactiveForeground#6272A4
  • tabBar.border#44475A
  • terminal.ansiBlack#191622
  • terminal.ansiBlue#8BE9FD
  • terminal.ansiBrightBlack#44475A
  • terminal.ansiBrightBlue#D6ACFF
  • terminal.ansiBrightCyan#A4FFFF
  • terminal.ansiBrightGreen#69FF94
  • terminal.ansiBrightMagenta#FF92DF
  • terminal.ansiBrightRed#FF6E6E
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFFFA5
  • terminal.ansiCyan#00FFF7
  • terminal.ansiGreen#50FA7B
  • terminal.ansiMagenta#FF79C6
  • terminal.ansiRed#FF5555
  • terminal.ansiWhite#F8F8F2
  • terminal.ansiYellow#F1FA8C
  • terminal.background#191622
  • terminal.foreground#F8F8F2
  • titleBar.activeBackground#191622
  • titleBar.activeForeground#F8F8F2
  • titleBar.border#44475A
  • titleBar.inactiveBackground#191622
  • titleBar.inactiveForeground#6272A4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.control.mvbasic, keyword.control.flow.mvbasic, keyword.control.conditional.flow.mvbasic#00D4FFbold
keyword.other.mvbasic, storage.type.mvbasic, keyword.declaration.mvbasic#D4A5FFbold
keyword.operator.mvbasic, keyword.operator.logical.mvbasic#FF6B9Dbold
support.function.builtin.relational.mvbasic#FF6B9Dbold
variable.mvbasic#00C8FF
variable.parameter.mvbasic#B084F7
variable.other.constant.atvar.mvbasic, constant.language.mvbasic#FF6B9Dbold
constant.language.system-variable.mvbasic#FF6B9Dbold
punctuation.definition.mvbasic#8BE9FD
constant.numeric.mvbasic#8BE9FDbold
entity.name.function.mvbasic, entity.name.function.external.mvbasic, support.function.external.mvbasic#BD93F9italic
meta.function-call.mvbasic entity.name.function, meta.function-call.external.mvbasic#BD93F9italic
support.function.builtin.mvbasic, support.function.system.mvbasic, entity.name.function.builtin.mvbasic#BD93F9italic
keyword.control.gosub.mvbasic, support.function.gosub.mvbasic#00D4FFbold
meta.function-call.gosub.mvbasic, support.function.gosub.mvbasic variable.other.label.mvbasic, keyword.control.gosub.mvbasic + variable.other.mvbasic, variable.other.readwrite.mvbasic, entity.name.function.gosub.mvbasic, meta.gosub.mvbasic entity.name.label.reference.mvbasic#FF79C6bold italic
entity.name.function.gosub-reference.mvbasic#FF79C6bold italic
entity.name.label.mvbasic, meta.label.mvbasic#FF79C6bold italic underline
string.quoted.mvbasic#F1FA8C
string.quoted.single.mvbasic#F1FA8Cbold
comment.line.mvbasic#7A88C2italic
support.function.system.mvbasic, variable.other.system.mvbasic#FF6B9Dbold
punctuation.definition.system.mvbasic#8BE9FDbold
keyword.operator.at.mvbasic#FF6B9Dbold
meta.function-call.system.mvbasic, support.function.at-function.mvbasic#00D4FFbold underline
punctuation.section.function.begin.mvbasic, punctuation.section.parens.begin.mvbasic#8BE9FD
punctuation.separator.mvbasic, punctuation.terminator.mvbasic#D4A5FF
keyword.operator.mvbasic.at#FF6B9Dbold
keyword.control.directive.mvbasic#FFD700bold italic
keyword.declaration.fucntion.mvbasic, storage.type.function.mvbasic#D4A5FFbold underline
keyword.other.builtin.system.mvbasic#FF6B9Dbold
keyword.other.io.mvbasic#00D4FFbold
keyword.other.misc.mvbasic#FF9500
keyword.other.nls.mvbasic#D4A5FFitalic
keyword.other.select.mvbasic#00D4FFbold
support.function.builtin.conversion.mvbasic#8BE9FDbold
support.function.builtin.math.mvbasic#8BE9FDbold
support.function.builtin.rpc.mvbasic#FF6B9Dbold italic
punctuation.section.parens.begin.mvbasic, punctuation.section.parens.end.mvbasic#8BE9FDbold
punctuation.separator.mvbasic, punctuation.terminator.mvbasic#D4A5FF
entity.name.constant.marks.mvbasic#FF6B9Dbold underline
entity.name.tag.mvbasic#FF79C6bold italic underline
storage.type, keyword.declaration.type.mvbasic#D4A5FFbold
meta.function-call.user.mvbasic, variable.function.user.mvbasic#BD93F9bold
variable.other.identifier.uppercase.mvbasic#00C8FFbold
keyword.other.io.mvbasic#00D4FFbold
keyword.other.mvbasic#00D4FFbold
keyword.control.conditional.mvbasic#00D4FFbold
keyword.other.statement.mvbasic#00D4FFbold
support.function.io.mvbasic#00D4FFbold
variable.other.mvbasic#00D4FFbold
entity.name.type.file-handle.mvbasic#FFD700bold underline
text.mvbasic#00D4FFbold
source.mvbasic entity.name#BD93F9bold
entity.name.label.mvbasic, meta.label.mvbasic, entity.name.label.definition.mvbasic#FF79C6bold italic underline
string.unquoted.gosub.mvbasic, entity.name.gosub.mvbasic, variable.gosub.mvbasic#FF79C6bold italic
keyword.control.gosub.mvbasic + entity.name, keyword.control.gosub.mvbasic + variable, support.function.gosub.mvbasic + entity.name, support.function.gosub.mvbasic + variable#FF79C6bold italic
variable.other.label-reference.mvbasic, entity.name.function.label-reference.mvbasic, meta.gosub.mvbasic variable.other.mvbasic, support.function.gosub.mvbasic variable.other.mvbasic, keyword.control.gosub.mvbasic ~ variable.other.mvbasic, meta.statement.gosub.mvbasic variable.other.mvbasic, source.mvbasic variable.other.readwrite.mvbasic, source.mvbasic entity.name.function.call.mvbasic#FF79C6bold italic
entity.name.tag.mvbasic#FF79C6bold italic underline
entity.name.function.external.mvbasic, support.function.external.mvbasic, support.function.builtin.mvbasic, support.function.system.mvbasic, entity.name.function.builtin.mvbasic, meta.function-call.external.mvbasic entity.name.function, support.function.builtin.relational.mvbasic, support.function.builtin.conversion.mvbasic, support.function.builtin.math.mvbasic, support.function.io.mvbasic, entity.name.function.call.mvbasic, support.function.call.mvbasic, variable.function.mvbasic#BD93F9italic