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#1D252C
  • activityBar.border#333F4A
  • activityBar.dropBackground#333F4A
  • activityBar.foreground#fff
  • activityBarBadge.background#d1d9e0
  • activityBarBadge.foreground#181e24
  • editor.background#F9F9F9
  • editor.foreground#000000
  • editor.lineHighlightBackground#00000012
  • editor.selectionBackground#F6EBBC
  • editorCursor.foreground#000000
  • editorWhitespace.foreground#BFBFBF
  • statusBar.background#171d23
  • statusBar.border#1D252C
  • statusBar.debuggingBackground#171d23
  • statusBar.debuggingForeground#333F4A
  • statusBar.foreground#aaa
  • statusBar.noFolderBackground#171d23
  • statusBar.noFolderForeground#aaa
  • statusBarItem.activeBackground#333F4A
  • statusBarItem.hoverBackground#333F4A
  • statusBarItem.prominentBackground#171d23
  • statusBarItem.prominentHoverBackground#333F4A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#000000
comment#006600
keyword, storage#336699
constant.numeric#33AAAA
string#006600
constant#000000
constant.language#000000
variable.language, variable.other#000000
constant.character.escaped, constant.character.escape, string source
other.preprocessor#1A921C
entity.name.preprocessor#0C450D
entity.name.function, keyword.other.name-of-parameter.objc#000000
entity.name.class#111111
entity.other.inherited-class
variable.parameter
storage.type.method#70727E
meta.section entity.name.section, declaration.section entity.name.section
support.function#000000
support.class, support.type#000000
support.constant#000000
support.other.variable#000000
keyword.operator.js#000000
invalid#FFFFFF
invalid.trailing-whitespace
text source, string.unquoted
meta.xml-processing, declaration.xml-processing#4F4F4F
meta.doctype, declaration.doctype#888888
meta.doctype.DTD, declaration.doctype.DTD
meta.tag, declaration.tag#336699
entity.name.tag
entity.other.attribute-name
markup.heading#336699
markup.quote#000000
markup.list#B90690

Shiki preview

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

Loading...

mastoid-color-theme-vsc - Coding Theme