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#EDE4D0
  • activityBar.foreground#657B83
  • activityBarBadge.background#B58900
  • activityBarBadge.foreground#FDF6E3
  • button.background#729D39
  • button.foreground#FDF6E3
  • button.hoverBackground#658C2F
  • editor.background#FDF6E3
  • editor.foreground#657B83
  • editor.inactiveSelectionBackground#B5890010
  • editor.lineHighlightBackground#729D3915
  • editor.selectionBackground#B5890025
  • editorLineNumber.foreground#93A1A1
  • focusBorder#B58900
  • input.background#FFFFFF
  • input.border#729D39
  • input.foreground#657B83
  • input.placeholderForeground#B8B8B8
  • list.activeSelectionBackground#729D3920
  • list.focusBackground#B5890025
  • list.hoverBackground#268BD215
  • selection.background#B5890030
  • sideBar.background#EDE4D0
  • sideBar.foreground#657B83
  • sideBarSectionHeader.background#B58900
  • sideBarSectionHeader.foreground#FDF6E3
  • sideBarTitle.foreground#729D39
  • statusBar.background#B58900
  • statusBar.debuggingBackground#729D39
  • statusBar.foreground#FDF6E3
  • statusBarItem.hoverBackground#A17B00
  • tab.activeBackground#FDF6E3
  • tab.activeForeground#657B83
  • tab.border#729D39
  • tab.inactiveBackground#EDE4D0
  • tab.inactiveForeground#93A1A1
  • titleBar.activeBackground#FDF6E3
  • titleBar.activeForeground#657B83
  • titleBar.inactiveBackground#EDE4D0
  • titleBar.inactiveForeground#93A1A1

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#93A1A1italic
string, constant.other.symbol, constant.other.key#729D39
constant.numeric, constant.language, keyword.other.unit#B58900
entity.name.function, meta.function-call, support.function#268BD2
entity.name.class, support.class, support.type#B58900
keyword, storage.type, storage.modifier#729D39
variable, meta.block variable.other#657B83
keyword.operator, punctuation#268BD2
entity.name.tag, meta.tag.sgml#729D39
entity.other.attribute-name#B58900
support.type.property-name#268BD2

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...