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#222222
  • activityBar.foreground#F5F5F5
  • activityBar.inactiveForeground#777777
  • activityBarBadge.background#39FF14
  • activityBarBadge.foreground#333333
  • editor.background#333333
  • editor.findMatchBackground#39FF1444
  • editor.findMatchHighlightBackground#39FF141A
  • editor.foreground#F5F5F5
  • editor.lineHighlightBackground#444444
  • editor.selectionBackground#007BFF33
  • editor.selectionHighlightBackground#007BFF22
  • editorCursor.foreground#39FF14
  • editorIndentGuide.activeBackground#007BFF
  • editorIndentGuide.background#444444
  • editorLineNumber.activeForeground#39FF14
  • editorLineNumber.foreground#777777
  • editorWhitespace.foreground#555555
  • sideBar.background#2A2A2A
  • sideBar.border#444444
  • sideBar.foreground#F5F5F5
  • sideBarSectionHeader.background#333333
  • sideBarSectionHeader.foreground#39FF14
  • sideBarTitle.foreground#007BFF
  • statusBar.background#007BFF
  • statusBar.debuggingBackground#39FF14
  • statusBar.debuggingForeground#333333
  • statusBar.foreground#F5F5F5
  • statusBar.noFolderBackground#222222
  • terminal.ansiBlack#222222
  • terminal.ansiBlue#007BFF
  • terminal.ansiBrightBlack#444444
  • terminal.ansiBrightBlue#39AFFF
  • terminal.ansiBrightGreen#5EFF54
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiGreen#39FF14
  • terminal.ansiWhite#F5F5F5
  • terminal.background#333333
  • terminal.foreground#F5F5F5
  • terminalCursor.foreground#39FF14
  • titleBar.activeBackground#222222
  • titleBar.activeForeground#F5F5F5
  • titleBar.inactiveBackground#333333
  • titleBar.inactiveForeground#777777

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#777777italic
string#39FF14italic
keyword, storage, control#007BFFbold
variable, identifier#39FF14
function#007BFFbold underline
type, class, interface#39FF14italic
constant, constant.language#007BFF
number, boolean, constant.numeric#007BFFitalic
operator#39FF14bold
punctuation#AAAAAA
decorator, annotation#39FF14bold
attribute.name#007BFFitalic
property, property.name#39FF14bold
meta.structure.dictionary.key, support.type.property-name#007BFF
markdown.heading, markup.heading#39FF14bold
markdown.inline.raw, markup.inline.raw#007BFFitalic
markdown.list#39FF14bold
invalid, error#FF0000underline
meta.embedded#007BFFbold
meta.function-call#39FF14underline
Bit Sync theme by Bit-Sync-dev - VS Code Theme