Zenbones Themes

Color themes

• 

  Zenbones Zenburned Dark

• 

  Zenbones Zenburned Dark Stark

• 

  Zenbones Zenburned Dark Warm

• 

  Zenbones Zenwritten Dark

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#574A4D
• activityBar.foreground#F0E4CF
• activityBarBadge.background#B279A7
• activityBarBadge.foreground#4D4244
• badge.background#B279A7
• badge.foreground#4D4244
• button.background#574A4D
• button.foreground#F0E4CF
• button.secondaryBackground#4D4244
• button.secondaryForeground#F5EDE0
• checkbox.background#574A4D
• checkbox.foreground#F0E4CF
• descriptionForeground#F0E4CF
• disabledForeground#F0E4CF80
• editor.background#413738
• editor.findMatchBackground#DABFD3
• editor.findMatchHighlightBackground#926389
• editor.foreground#F0E4CF
• editor.lineHighlightBackground#483D3F
• editor.selectionBackground#6C6250
• editorBracketHighlight.foreground1#6099C0
• editorBracketHighlight.foreground2#819B69
• editorBracketHighlight.foreground3#B279A7
• editorBracketHighlight.foreground4#6099C0
• editorBracketHighlight.foreground5#819B69
• editorBracketHighlight.foreground6#B279A7
• editorBracketHighlight.unexpectedBracket.foreground#E3716E
• editorCursor.foreground#F3EADB
• editorError.foreground#E3716E
• editorGroupHeader.tabsBackground#4D4244
• editorGutter.addedBackground#415032
• editorGutter.deletedBackground#6D3F3E
• editorGutter.modifiedBackground#374E5F
• editorHint.foreground#B279A7
• editorHoverWidget.background#55484A
• editorHoverWidget.border#6D5D60
• editorHoverWidget.foreground#F0E4CF
• editorIndentGuide.activeBackground#887578a0
• editorIndentGuide.background#88757850
• editorInfo.foreground#6099C0
• editorLineNumber.activeForeground#F0E4CF
• editorLineNumber.foreground#887578
• editorOverviewRuler.addedForeground#415032
• editorOverviewRuler.deletedForeground#6D3F3E
• editorOverviewRuler.errorForeground#E3716E
• editorOverviewRuler.findMatchForeground#926389
• editorOverviewRuler.infoForeground#6099C0
• editorOverviewRuler.modifiedForeground#374E5F
• editorOverviewRuler.selectionHighlightForeground#6C6250
• editorOverviewRuler.warningForeground#B77E64
• editorRuler.foreground#887578a0
• editorWarning.foreground#B77E64
• editorWidget.background#4D4244
• editorWidget.border#574A4D
• editorWidget.foreground#F5EDE0
• errorForeground#E3716E
• focusBorder#B279A7
• foreground#F0E4CF
• icon.foreground#F0E4CFa0
• input.background#413738
• input.foreground#F0E4CF
• input.placeholderForeground#8A7B7D
• inputOption.activeBorder#B279A7
• inputValidation.errorBorder#E3716E
• inputValidation.infoBorder#6099C0
• inputValidation.warningBorder#B77E64
• keybindingLabel.background#574A4D
• keybindingLabel.border#55484A
• keybindingLabel.bottomBorder#6D5D60
• keybindingLabel.foreground#F0E4CF
• list.activeSelectionBackground#6D5D60
• list.activeSelectionForeground#F0E4CF
• list.highlightForeground#B279A7
• list.hoverBackground#6D5D6050
• list.inactiveSelectionBackground#6D5D60a0
• minimap.errorHighlight#E3716E
• minimap.findMatchHighlight#926389
• minimap.selectionHighlight#6C6250
• minimap.warningHighlight#B77E64
• minimapGutter.addedBackground#415032
• minimapGutter.deletedBackground#6D3F3E
• minimapGutter.modifiedBackground#374E5F
• notificationCenterHeader.background#4D4244
• notificationCenterHeader.foreground#F5EDE0
• notificationLink.foreground#B279A7
• notifications.background#413738
• notifications.foreground#F0E4CF
• notificationsErrorIcon.foreground#E3716E
• notificationsInfoIcon.foreground#6099C0
• notificationsWarningIcon.foreground#B77E64
• panel.background#413738
• panel.border#887578a0
• panelTitle.activeBorder#887578a0
• panelTitle.activeForeground#F0E4CF
• panelTitle.inactiveForeground#F0E4CFa0
• pickerGroup.border#887578a0
• pickerGroup.foreground#F5EDE0
• problemsErrorIcon.foreground#E3716E
• problemsInfoIcon.foreground#6099C0
• problemsWarningIcon.foreground#B77E64
• quickInput.background#4D4244
• quickInput.foreground#F5EDE0
• quickInputList.focusBackground#574A4D
• quickInputList.focusForeground#F0E4CF
• scrollbar.shadow#574A4D
• scrollbarSlider.activeBackground#806E71
• scrollbarSlider.background#55484A
• scrollbarSlider.hoverBackground#6D5D60
• selection.background#6C6250
• sideBar.background#4D4244
• sideBar.foreground#F5EDE0
• sideBarSectionHeader.background#574A4D
• sideBarSectionHeader.foreground#F0E4CF
• statusBar.background#4D4244
• statusBar.debuggingBackground#4D4244
• statusBar.foreground#F5EDE0
• statusBar.noFolderBackground#4D4244
• statusBarItem.remoteBackground#574A4D
• statusBarItem.remoteForeground#F0E4CF
• tab.activeBackground#413738
• tab.activeForeground#F0E4CF
• tab.border#4D4244
• tab.inactiveBackground#574A4D
• tab.inactiveForeground#F0E4CFa0
• terminal.ansiBlack#404040
• terminal.ansiBlue#6099C0
• terminal.ansiBrightBlack#625A5B
• terminal.ansiBrightBlue#61ABDA
• terminal.ansiBrightCyan#65B8C1
• terminal.ansiBrightGreen#8BAE68
• terminal.ansiBrightMagenta#CF86C1
• terminal.ansiBrightRed#EC8685
• terminal.ansiBrightWhite#C0AB86
• terminal.ansiBrightYellow#D68C67
• terminal.ansiCyan#66A5AD
• terminal.ansiGreen#819B69
• terminal.ansiMagenta#B279A7
• terminal.ansiRed#E3716E
• terminal.ansiWhite#F0E4CF
• terminal.ansiYellow#B77E64
• terminalCursor.background#413738
• terminalCursor.foreground#F3EADB
• textLink.activeForeground#B279A7d0
• textLink.foreground#B279A7
• widget.shadow#574A4D
• window.activeBorder#B279A7
• window.inactiveBorder#F0E4CF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

Shiki preview

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

Loading...