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#37444D
• activityBar.foreground#E7DCC4
• activityBarBadge.background#D69AB7
• activityBarBadge.foreground#2D3840
• badge.background#D69AB7
• badge.foreground#2D3840
• button.background#37444D
• button.foreground#E7DCC4
• button.secondaryBackground#2D3840
• button.secondaryForeground#EDE5D4
• checkbox.background#37444D
• checkbox.foreground#E7DCC4
• descriptionForeground#E7DCC4
• disabledForeground#E7DCC480
• editor.background#242D34
• editor.findMatchBackground#DBA7C0
• editor.findMatchHighlightBackground#934B71
• editor.foreground#E7DCC4
• editor.lineHighlightBackground#2A343B
• editor.selectionBackground#59544A
• editorBracketHighlight.foreground1#7FBCB4
• editorBracketHighlight.foreground2#A9C181
• editorBracketHighlight.foreground3#D69AB7
• editorBracketHighlight.foreground4#7FBCB4
• editorBracketHighlight.foreground5#A9C181
• editorBracketHighlight.foreground6#D69AB7
• editorBracketHighlight.unexpectedBracket.foreground#E67C7F
• editorCursor.foreground#EBE2CF
• editorError.foreground#E67C7F
• editorGroupHeader.tabsBackground#2D3840
• editorGutter.addedBackground#384128
• editorGutter.deletedBackground#5B3233
• editorGutter.modifiedBackground#2B423F
• editorHint.foreground#D69AB7
• editorHoverWidget.background#333F48
• editorHoverWidget.border#475762
• editorHoverWidget.foreground#E7DCC4
• editorIndentGuide.activeBackground#5E7281a0
• editorIndentGuide.background#5E728150
• editorInfo.foreground#7FBCB4
• editorLineNumber.activeForeground#E7DCC4
• editorLineNumber.foreground#5E7281
• editorOverviewRuler.addedForeground#384128
• editorOverviewRuler.deletedForeground#5B3233
• editorOverviewRuler.errorForeground#E67C7F
• editorOverviewRuler.findMatchForeground#934B71
• editorOverviewRuler.infoForeground#7FBCB4
• editorOverviewRuler.modifiedForeground#2B423F
• editorOverviewRuler.selectionHighlightForeground#59544A
• editorOverviewRuler.warningForeground#DDBD7F
• editorRuler.foreground#5E7281a0
• editorWarning.foreground#DDBD7F
• editorWidget.background#2D3840
• editorWidget.border#37444D
• editorWidget.foreground#EDE5D4
• errorForeground#E67C7F
• focusBorder#D69AB7
• foreground#E7DCC4
• icon.foreground#E7DCC4a0
• input.background#242D34
• input.foreground#E7DCC4
• input.placeholderForeground#687682
• inputOption.activeBorder#D69AB7
• inputValidation.errorBorder#E67C7F
• inputValidation.infoBorder#7FBCB4
• inputValidation.warningBorder#DDBD7F
• keybindingLabel.background#37444D
• keybindingLabel.border#333F48
• keybindingLabel.bottomBorder#475762
• keybindingLabel.foreground#E7DCC4
• list.activeSelectionBackground#475762
• list.activeSelectionForeground#E7DCC4
• list.highlightForeground#D69AB7
• list.hoverBackground#47576250
• list.inactiveSelectionBackground#475762a0
• minimap.errorHighlight#E67C7F
• minimap.findMatchHighlight#934B71
• minimap.selectionHighlight#59544A
• minimap.warningHighlight#DDBD7F
• minimapGutter.addedBackground#384128
• minimapGutter.deletedBackground#5B3233
• minimapGutter.modifiedBackground#2B423F
• notificationCenterHeader.background#2D3840
• notificationCenterHeader.foreground#EDE5D4
• notificationLink.foreground#D69AB7
• notifications.background#242D34
• notifications.foreground#E7DCC4
• notificationsErrorIcon.foreground#E67C7F
• notificationsInfoIcon.foreground#7FBCB4
• notificationsWarningIcon.foreground#DDBD7F
• panel.background#242D34
• panel.border#5E7281a0
• panelTitle.activeBorder#5E7281a0
• panelTitle.activeForeground#E7DCC4
• panelTitle.inactiveForeground#E7DCC4a0
• pickerGroup.border#5E7281a0
• pickerGroup.foreground#EDE5D4
• problemsErrorIcon.foreground#E67C7F
• problemsInfoIcon.foreground#7FBCB4
• problemsWarningIcon.foreground#DDBD7F
• quickInput.background#2D3840
• quickInput.foreground#EDE5D4
• quickInputList.focusBackground#37444D
• quickInputList.focusForeground#E7DCC4
• scrollbar.shadow#37444D
• scrollbarSlider.activeBackground#586A78
• scrollbarSlider.background#333F48
• scrollbarSlider.hoverBackground#475762
• selection.background#59544A
• sideBar.background#2D3840
• sideBar.foreground#EDE5D4
• sideBarSectionHeader.background#37444D
• sideBarSectionHeader.foreground#E7DCC4
• statusBar.background#2D3840
• statusBar.debuggingBackground#2D3840
• statusBar.foreground#EDE5D4
• statusBar.noFolderBackground#2D3840
• statusBarItem.remoteBackground#37444D
• statusBarItem.remoteForeground#E7DCC4
• tab.activeBackground#242D34
• tab.activeForeground#E7DCC4
• tab.border#2D3840
• tab.inactiveBackground#37444D
• tab.inactiveForeground#E7DCC4a0
• terminal.ansiBlack#2C343A
• terminal.ansiBlue#7FBCB4
• terminal.ansiBrightBlack#45525C
• terminal.ansiBrightBlue#7AC9C0
• terminal.ansiBrightCyan#7DD093
• terminal.ansiBrightGreen#B0CE7B
• terminal.ansiBrightMagenta#E5A7C4
• terminal.ansiBrightRed#ED9294
• terminal.ansiBrightWhite#B2A790
• terminal.ansiBrightYellow#EDC77A
• terminal.ansiCyan#83C193
• terminal.ansiGreen#A9C181
• terminal.ansiMagenta#D69AB7
• terminal.ansiRed#E67C7F
• terminal.ansiWhite#E7DCC4
• terminal.ansiYellow#DDBD7F
• terminalCursor.background#242D34
• terminalCursor.foreground#EBE2CF
• textLink.activeForeground#D69AB7d0
• textLink.foreground#D69AB7
• widget.shadow#37444D
• window.activeBorder#D69AB7
• window.inactiveBorder#E7DCC4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

Shiki preview

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

Loading...