Skip to main content
Coding Theme

Color themes

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#090704
  • activityBar.foreground#FFEAB2
  • activityBarBadge.background#D39A14
  • activityBarBadge.foreground#1A1205
  • badge.background#D39A14
  • button.background#C98E12
  • button.foreground#120C04
  • button.hoverBackground#E3A81E
  • dropdown.background#141008
  • dropdown.foreground#F7F2E8
  • editor.background#0B0905
  • editor.foreground#F7F2E8
  • editor.lineHighlightBackground#171109
  • editor.selectionBackground#4D3A0E88
  • editor.selectionHighlightBackground#6A4E1460
  • editorBracketMatch.background#3B2A0D
  • editorBracketMatch.border#F4BE33
  • editorCursor.foreground#F8C537
  • editorIndentGuide.activeBackground#D79A17
  • editorIndentGuide.background#2A2215
  • editorSuggestWidget.background#151008
  • editorSuggestWidget.border#6B4E15
  • editorSuggestWidget.selectedBackground#4E3810
  • editorWhitespace.foreground#241D12
  • focusBorder#D9A01E
  • input.background#141008
  • input.border#5E4514
  • input.foreground#F7F2E8
  • list.activeSelectionBackground#3A2B10
  • list.hoverBackground#251B0B
  • minimap.background#0B0905
  • panel.background#0B0905
  • panel.border#322611
  • peekView.border#8A651C
  • peekViewEditor.background#0E0A05
  • scrollbarSlider.background#584115
  • scrollbarSlider.hoverBackground#79591D
  • sideBar.background#0D0905
  • sideBar.foreground#DCCFAE
  • sideBarTitle.foreground#FFD460
  • statusBar.background#100B06
  • statusBar.debuggingBackground#1A1207
  • statusBar.debuggingForeground#FFF2D4
  • statusBar.foreground#FFF2D4
  • statusBar.noFolderBackground#100B06
  • statusBar.noFolderForeground#FFF2D4
  • statusBarItem.hoverBackground#2A1E0E
  • tab.activeBackground#161108
  • tab.activeForeground#FFF7D7
  • tab.border#251D11
  • tab.inactiveBackground#090704
  • tab.inactiveForeground#85745B
  • terminal.background#0B0905
  • titleBar.activeBackground#090704
  • titleBar.activeForeground#FFF8E6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#7A6B54italic
keyword, storage, keyword.control#F5BE32
entity.name.function, meta.function-call, support.function#FFD45F
variable, variable.parameter#F7F2E8
string#E6C16A
constant.numeric, constant.language#FFB640
entity.name.class, support.class#FFD978
entity.other.attribute-name#F6C64B
entity.name.tag#FFC927
support.type, storage.type#E9BC45
invalid#FF9F2D
string.regexp#FFE08A
Tema Big by Gabriel Schroder - VS Code Theme