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#060d08
  • activityBar.foreground#00A651
  • activityBar.inactiveForeground#4a6053
  • activityBarBadge.background#00A651
  • activityBarBadge.foreground#ffffff
  • badge.background#00A651
  • badge.foreground#ffffff
  • button.background#00A651
  • button.foreground#ffffff
  • button.hoverBackground#008f45
  • dropdown.background#030603
  • dropdown.border#2d4a35
  • editor.background#0f1a13
  • editor.findMatchBackground#81C78460
  • editor.findMatchHighlightBackground#81C78430
  • editor.foreground#e8f5ea
  • editor.lineHighlightBackground#ffffff08
  • editor.selectionBackground#00A65140
  • editor.selectionHighlightBackground#4CAF5030
  • editor.wordHighlightBackground#81C78430
  • editorBracketHighlight.foreground1#00A651
  • editorBracketHighlight.foreground2#4CAF50
  • editorBracketHighlight.foreground3#81C784
  • editorBracketHighlight.foreground4#A5D6A7
  • editorBracketHighlight.foreground5#C8E6C9
  • editorBracketHighlight.foreground6#E8F5E9
  • editorCursor.foreground#00A651
  • editorGroupHeader.tabsBackground#060d08
  • editorLineNumber.activeForeground#00A651
  • editorLineNumber.foreground#2d4a35
  • editorSuggestWidget.background#060d08
  • editorSuggestWidget.highlightForeground#00A651
  • editorSuggestWidget.selectedBackground#00A65130
  • editorWidget.background#060d08
  • editorWidget.border#00A651
  • gitDecoration.conflictingResourceForeground#FFB74D
  • gitDecoration.deletedResourceForeground#E57373
  • gitDecoration.ignoredResourceForeground#4a6053
  • gitDecoration.modifiedResourceForeground#4CAF50
  • gitDecoration.untrackedResourceForeground#81C784
  • input.background#030603
  • input.border#2d4a35
  • input.foreground#e8f5ea
  • inputOption.activeBorder#00A651
  • list.activeSelectionBackground#00A65140
  • list.activeSelectionForeground#00A651
  • list.focusOutline#00A651
  • list.hoverBackground#ffffff10
  • list.inactiveSelectionBackground#ffffff08
  • scrollbarSlider.activeBackground#00A65180
  • scrollbarSlider.background#00A65140
  • scrollbarSlider.hoverBackground#00A65160
  • sideBar.background#0a120d
  • sideBar.border#00A651
  • sideBar.foreground#c5e8d1
  • sideBarSectionHeader.background#060d08
  • sideBarSectionHeader.foreground#4CAF50
  • sideBarTitle.foreground#00A651
  • statusBar.background#00A651
  • statusBar.debuggingBackground#4CAF50
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#388E3C
  • tab.activeBackground#0f1a13
  • tab.activeBorder#00A651
  • tab.activeBorderTop#00A651
  • tab.activeForeground#00A651
  • tab.border#060d08
  • tab.inactiveBackground#060d08
  • tab.inactiveForeground#6b9076
  • terminal.ansiBlue#2196F3
  • terminal.ansiGreen#00A651
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#FFC107
  • terminal.background#060d08
  • terminal.foreground#e8f5ea
  • titleBar.activeBackground#060d08
  • titleBar.activeForeground#00A651
  • titleBar.border#00A651
  • titleBar.inactiveBackground#030603
  • titleBar.inactiveForeground#4a6053

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#4a6053italic
keyword, storage.type#00A651bold
variable#e8f5ea
entity.name.function#4CAF50bold
entity.name.type#81C784bold
string#A5D6A7
constant.numeric#C8E6C9
entity.name.tag#00A651bold
Retro Power-Up Themes for VS Code by NextGenCode - VS Code Theme