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#1E1E1E
  • activityBar.foreground#D4D4D4
  • activityBarBadge.background#6A9955
  • activityBarBadge.foreground#1E1E1E
  • editor.background#1E1E1E
  • editor.foreground#D4D4D4
  • editor.lineHighlightBackground#2D2D30
  • editor.selectionBackground#3A3D41
  • editorCursor.foreground#AEAFAD
  • editorError.foreground#F44747
  • editorWarning.foreground#FF8800
  • list.activeSelectionBackground#FFCC66
  • list.activeSelectionForeground#FFFFFF
  • list.errorForeground#F44747
  • list.focusBackground#FFCC66
  • list.focusForeground#FFFFFF
  • list.highlightForeground#6A9955
  • list.hoverBackground#3A3D41
  • list.hoverForeground#D4D4D4
  • list.inactiveSelectionBackground#3A3D41
  • list.inactiveSelectionForeground#D4D4D4
  • list.warningForeground#FF8800
  • listFilterWidget.background#252526
  • listFilterWidget.noMatchesOutline#BE1100
  • listFilterWidget.outline#000000
  • sideBar.background#252526
  • sideBar.foreground#D4D4D4
  • sideBarSectionHeader.background#2D2D30
  • sideBarSectionHeader.foreground#D4D4D4
  • statusBar.background#333333
  • statusBar.foreground#D4D4D4
  • terminal.background#1E1E1E
  • terminal.foreground#D4D4D4
  • titleBar.activeBackground#1E1E1E
  • titleBar.activeForeground#D4D4D4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#6A9955italic
keyword#569CD6
string#CE9178
variable#9CDCFE
constant#4EC9B0
number#B5CEA8
function#DCDCAA
class#4EC9B0
ElMente by Ctrl-alt - VS Code Theme