Skip to main content
CodingTheme

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#000000
  • activityBar.foreground#00ff0d
  • activityBar.inactiveForeground#15ff0063
  • activityBarBadge.background#2979ff
  • editor.background#000000
  • editor.foreground#bebebe
  • editor.lineHighlightBackground#081900
  • editor.selectionBackground#0f2f4d
  • editorCursor.foreground#4eff33
  • editorGroupHeader.noTabsBackground#000000
  • editorGroupHeader.tabsBackground#000000
  • editorSuggestWidget.highlightForeground#2979ff
  • editorWhitespace.foreground#ff8300
  • errorForeground#ff0000
  • gitDecoration.addedResourceForeground#09ff00
  • gitDecoration.deletedResourceForeground#ff1e00
  • gitDecoration.ignoredResourceForeground#6e6e6e
  • gitDecoration.modifiedResourceForeground#0084ff
  • gitDecoration.untrackedResourceForeground#fbff00
  • list.activeSelectionForeground#2979ff
  • list.errorForeground#ff1e00
  • list.highlightForeground#2979ff
  • list.inactiveSelectionForeground#2979ff
  • list.invalidItemForeground#ffd000
  • list.warningForeground#ff79d2
  • notificationLink.foreground#2979ff
  • pickerGroup.foreground#2979ff
  • progressBar.background#2979ff
  • scrollbarSlider.activeBackground#2979ff50
  • sideBar.background#000000
  • sideBarSectionHeader.background#1eff002f
  • statusBar.background#000000
  • statusBar.foreground#2bff00
  • tab.activeBackground#000000
  • tab.activeBorder#00ff0d
  • tab.activeForeground#33ff00
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#1eff0080
  • terminal.ansiBlue#007bff
  • terminal.ansiBrightBlue#0077ff
  • terminal.ansiBrightCyan#00ccff
  • terminal.ansiBrightGreen#00ff2a
  • terminal.ansiBrightMagenta#ff00ff
  • terminal.ansiBrightRed#ff0000
  • terminal.ansiBrightYellow#ffff00
  • terminal.ansiCyan#00ccff
  • terminal.ansiGreen#00ff0d
  • terminal.ansiMagenta#ff00ff
  • terminal.ansiRed#ff0000
  • terminal.ansiYellow#ffff00
  • terminal.foreground#cccccc
  • textLink.foreground#2979ff
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#00ff00

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.bracket.go, punctuation.definition.dot, punctuation.definition.comma, keyword.operator, punctuation.definition.colon#ff0000bold
punctuation.definition.string#128a00bold
comment#ff79d2italic
constant#fada66
entity#ffdf00underline
keyword#00ffddbold
storage#ff0000 bold
string, meta.verbatim#1ed500
support#fac501
variable#2380db italic
invalid.deprecated#0FFitalic bold
invalid.illegal#ffffff underline
entity.other.inherited-class#FF6400italic bold
string constant.other.placeholder#C9F
meta.tag, meta.tag entity#a46ec2 italic
entity.name.section#FF0
Comment.documentation#00c776
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

TommyTachasTheme by TommyTachas - VS Code Theme