Zenbones Themes

Color themes

• 

  Zenbones Duckbones Dark Stark

• 

  Zenbones Duckbones Dark Warm

• 

  Zenbones Forestbones Dark

• 

  Zenbones Forestbones Dark Stark

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#1F2336
• activityBar.foreground#EBEFC0
• activityBarBadge.background#795CCC
• activityBarBadge.foreground#141726
• badge.background#795CCC
• badge.foreground#141726
• button.background#1F2336
• button.foreground#EBEFC0
• button.secondaryBackground#141726
• button.secondaryForeground#F0F5C4
• checkbox.background#1F2336
• checkbox.foreground#EBEFC0
• descriptionForeground#EBEFC0
• disabledForeground#EBEFC080
• editor.background#06070F
• editor.findMatchBackground#927ED9
• editor.findMatchHighlightBackground#452C84
• editor.foreground#EBEFC0
• editor.lineHighlightBackground#101320
• editor.selectionBackground#303128
• editorBracketHighlight.foreground1#00A3CB
• editorBracketHighlight.foreground2#5DCD97
• editorBracketHighlight.foreground3#795CCC
• editorBracketHighlight.foreground4#00A3CB
• editorBracketHighlight.foreground5#5DCD97
• editorBracketHighlight.foreground6#795CCC
• editorBracketHighlight.unexpectedBracket.foreground#E03600
• editorCursor.foreground#EDF2C2
• editorError.foreground#E03600
• editorGroupHeader.tabsBackground#141726
• editorGutter.addedBackground#101E17
• editorGutter.deletedBackground#291715
• editorGutter.modifiedBackground#121D22
• editorHint.foreground#795CCC
• editorHoverWidget.background#1B1F30
• editorHoverWidget.border#323854
• editorHoverWidget.foreground#EBEFC0
• editorIndentGuide.activeBackground#4B537Aa0
• editorIndentGuide.background#4B537A50
• editorInfo.foreground#00A3CB
• editorLineNumber.activeForeground#EBEFC0
• editorLineNumber.foreground#4B537A
• editorOverviewRuler.addedForeground#101E17
• editorOverviewRuler.deletedForeground#291715
• editorOverviewRuler.errorForeground#E03600
• editorOverviewRuler.findMatchForeground#452C84
• editorOverviewRuler.infoForeground#00A3CB
• editorOverviewRuler.modifiedForeground#121D22
• editorOverviewRuler.selectionHighlightForeground#303128
• editorOverviewRuler.warningForeground#E39500
• editorRuler.foreground#4B537Aa0
• editorWarning.foreground#E39500
• editorWidget.background#141726
• editorWidget.border#1F2336
• editorWidget.foreground#F0F5C4
• errorForeground#E03600
• focusBorder#795CCC
• foreground#EBEFC0
• icon.foreground#EBEFC0a0
• input.background#06070F
• input.foreground#EBEFC0
• input.placeholderForeground#545A7A
• inputOption.activeBorder#795CCC
• inputValidation.errorBorder#E03600
• inputValidation.infoBorder#00A3CB
• inputValidation.warningBorder#E39500
• keybindingLabel.background#1F2336
• keybindingLabel.border#1B1F30
• keybindingLabel.bottomBorder#323854
• keybindingLabel.foreground#EBEFC0
• list.activeSelectionBackground#323854
• list.activeSelectionForeground#EBEFC0
• list.highlightForeground#795CCC
• list.hoverBackground#32385450
• list.inactiveSelectionBackground#323854a0
• minimap.errorHighlight#E03600
• minimap.findMatchHighlight#452C84
• minimap.selectionHighlight#303128
• minimap.warningHighlight#E39500
• minimapGutter.addedBackground#101E17
• minimapGutter.deletedBackground#291715
• minimapGutter.modifiedBackground#121D22
• notificationCenterHeader.background#141726
• notificationCenterHeader.foreground#F0F5C4
• notificationLink.foreground#795CCC
• notifications.background#06070F
• notifications.foreground#EBEFC0
• notificationsErrorIcon.foreground#E03600
• notificationsInfoIcon.foreground#00A3CB
• notificationsWarningIcon.foreground#E39500
• panel.background#06070F
• panel.border#4B537Aa0
• panelTitle.activeBorder#4B537Aa0
• panelTitle.activeForeground#EBEFC0
• panelTitle.inactiveForeground#EBEFC0a0
• pickerGroup.border#4B537Aa0
• pickerGroup.foreground#F0F5C4
• problemsErrorIcon.foreground#E03600
• problemsInfoIcon.foreground#00A3CB
• problemsWarningIcon.foreground#E39500
• quickInput.background#141726
• quickInput.foreground#F0F5C4
• quickInputList.focusBackground#1F2336
• quickInputList.focusForeground#EBEFC0
• scrollbar.shadow#1F2336
• scrollbarSlider.activeBackground#444C70
• scrollbarSlider.background#1B1F30
• scrollbarSlider.hoverBackground#323854
• selection.background#303128
• sideBar.background#141726
• sideBar.foreground#F0F5C4
• sideBarSectionHeader.background#1F2336
• sideBarSectionHeader.foreground#EBEFC0
• statusBar.background#141726
• statusBar.debuggingBackground#141726
• statusBar.foreground#F0F5C4
• statusBar.noFolderBackground#141726
• statusBarItem.remoteBackground#1F2336
• statusBarItem.remoteForeground#EBEFC0
• tab.activeBackground#06070F
• tab.activeForeground#EBEFC0
• tab.border#141726
• tab.inactiveBackground#1F2336
• tab.inactiveForeground#EBEFC0a0
• terminal.ansiBlack#0E101A
• terminal.ansiBlue#00A3CB
• terminal.ansiBrightBlack#2B2F46
• terminal.ansiBrightBlue#00B4E0
• terminal.ansiBrightCyan#00B4E0
• terminal.ansiBrightGreen#58DB9E
• terminal.ansiBrightMagenta#B3A1E6
• terminal.ansiBrightRed#FF4821
• terminal.ansiBrightWhite#B3B692
• terminal.ansiBrightYellow#F6A100
• terminal.ansiCyan#00A3CB
• terminal.ansiGreen#5DCD97
• terminal.ansiMagenta#795CCC
• terminal.ansiRed#E03600
• terminal.ansiWhite#EBEFC0
• terminal.ansiYellow#E39500
• terminalCursor.background#06070F
• terminalCursor.foreground#EDF2C2
• textLink.activeForeground#795CCCd0
• textLink.foreground#795CCC
• widget.shadow#1F2336
• window.activeBorder#795CCC
• window.inactiveBorder#EBEFC0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

Shiki preview

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

Loading...