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#000000
  • activityBar.foreground#b3a7a7
  • activityBar.inactiveForeground#86ee55
  • activityBarBadge.background#5f5d5f
  • activityBarBadge.foreground#FFFFFF
  • diffEditor.insertedTextBackground#00f58355
  • diffEditor.removedTextBackground#8B2D2D55
  • editor.background#000000
  • editor.foreground#E6EDF3
  • editor.inactiveSelectionBackground#1B3A5B
  • editor.lineHighlightBackground#11111111
  • editor.selectionBackground#264F78
  • editorCursor.foreground#58A6FF
  • gitDecoration.addedResourceForeground#3FB950
  • gitDecoration.deletedResourceForeground#b9acac
  • gitDecoration.modifiedResourceForeground#ff0000
  • panel.background#000000
  • sideBar.background#000000
  • sideBar.border#000000
  • sideBar.foreground#7bc46d
  • sideBarTitle.foreground#64ac5d
  • statusBar.background#000000
  • statusBar.debuggingBackground#da0000
  • statusBar.foreground#5ef85e
  • statusBar.noFolderBackground#000000
  • tab.activeBackground#000000
  • tab.activeForeground#52e78b
  • tab.border#050505
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#61e072
  • terminal.ansiBlack#4ff36a
  • terminal.ansiBlue#58A6FF
  • terminal.ansiCyan#39C5CF
  • terminal.ansiGreen#3FB950
  • terminal.ansiMagenta#BC8CFF
  • terminal.ansiRed#ca0000
  • terminal.ansiWhite#00ff22
  • terminal.ansiYellow#3cff00
  • terminal.background#000000
  • terminal.foreground#35eb62
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#6af05e
  • titleBar.inactiveBackground#000000
  • titleBar.inactiveForeground#32f352

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#88b997italic
string#53d459
keyword#40c068bold
storage#40c068italic
entity.name.function#0df105
variable#27b170
entity.name.type#0b7236
constant.numeric#10df10
constant#37a84f
keyword.operator#0fa322
variable.other.property, support.type.property-name, meta.object-literal.key, entity.name.tag#29ff4d
codewithsg Dark by Saragam Ghimire - VS Code Theme