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#02040A
  • activityBar.foreground#FF1801
  • editor.background#02040A
  • editor.foreground#E6EDF3
  • editor.lineHighlightBackground#050816
  • editor.selectionBackground#FF180144
  • editorBracketHighlight.foreground1#FF1801
  • editorBracketHighlight.foreground2#1E41FF
  • editorBracketHighlight.foreground3#FF8700
  • editorBracketHighlight.foreground4#00FF87
  • editorBracketHighlight.foreground5#FFD700
  • editorBracketHighlight.foreground6#FF69B4
  • editorCursor.foreground#00E5FF
  • editorIndentGuide.activeBackground#00E5FF
  • editorIndentGuide.background#0F172A
  • sideBar.background#02040A
  • sideBar.foreground#9CA3AF
  • statusBar.background#00D2BE
  • statusBar.foreground#000000
  • tab.activeBackground#02040A
  • tab.activeBorderTop#FF1801
  • tab.inactiveBackground#010308
  • titleBar.activeBackground#02040A
  • titleBar.activeForeground#FFFFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#5C6773italic
keyword#FF1801bold
keyword.operator#FFD700
string#FF8700
entity.name.function#00E5FF
entity.name.type#00FF87
variable#60A5FA
constant.numeric#00D2BE
storage.type#FFFFFF
support.class#FF69B4
invalid#FF0000underline bold
F1 Theme by Om Prakash Pani - VS Code Theme