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#131726
  • activityBar.foreground#F5F102
  • button.background#F5F102
  • button.foreground#111525
  • button.hoverBackground#D2CF02
  • editor.background#10121A
  • editor.foreground#E6E8EF
  • editor.lineHighlightBackground#1C2030
  • editor.selectionBackground#2F3A5A80
  • editorCursor.foreground#F5F102
  • focusBorder#F5F102
  • list.activeSelectionBackground#2F3A5A
  • list.activeSelectionForeground#FFFFFF
  • list.hoverBackground#1E2438
  • list.iconForeground#F5F102
  • sideBar.background#111525
  • statusBar.background#F5F102
  • statusBar.debuggingBackground#F5F102
  • statusBar.debuggingForeground#10121A
  • statusBar.foreground#10121A
  • statusBar.noFolderBackground#F5F102
  • tab.activeBackground#1C2030
  • tab.activeForeground#FFFFFF
  • tab.inactiveBackground#111525
  • tab.inactiveForeground#989FB8
  • titleBar.activeBackground#F5F102
  • titleBar.activeForeground#10121A
  • titleBar.inactiveBackground#F5F102CC
  • titleBar.inactiveForeground#2A2F44

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5C6279
keyword, storage.type, storage.modifier#FF79C6
string, constant.other.symbol#8AFF7A
entity.name.function, support.function#61DAFB
variable, meta.definition.variable#E6E8EF
constant.numeric, constant.language#F5F102
Nagabhushan Adiga's Theme by Nagabhushan Adiga - VS Code Theme