Zenbones Themes

Color themes

• 

  Zenbones Rosebones Dark Stark

• 

  Zenbones Rosebones Dark Warm

• 

  Zenbones Rosebones Light

• 

  Zenbones Rosebones Light Bright

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#2B273F
• activityBar.foreground#E1D4D4
• activityBarBadge.background#C4A7E7
• activityBarBadge.foreground#201D31
• badge.background#C4A7E7
• badge.foreground#201D31
• button.background#2B273F
• button.foreground#E1D4D4
• button.secondaryBackground#201D31
• button.secondaryForeground#E9E0E0
• checkbox.background#2B273F
• checkbox.foreground#E1D4D4
• descriptionForeground#E1D4D4
• disabledForeground#E1D4D480
• editor.background#141120
• editor.findMatchBackground#AE83DD
• editor.findMatchHighlightBackground#5E3086
• editor.foreground#E1D4D4
• editor.lineHighlightBackground#1C192B
• editor.selectionBackground#4A3432
• editorBracketHighlight.foreground1#9CCFD8
• editorBracketHighlight.foreground2#317490
• editorBracketHighlight.foreground3#C4A7E7
• editorBracketHighlight.foreground4#9CCFD8
• editorBracketHighlight.foreground5#317490
• editorBracketHighlight.foreground6#C4A7E7
• editorBracketHighlight.unexpectedBracket.foreground#EB7193
• editorCursor.foreground#E7DDDD
• editorError.foreground#EB7193
• editorGroupHeader.tabsBackground#201D31
• editorGutter.addedBackground#18252C
• editorGutter.deletedBackground#341D23
• editorGutter.modifiedBackground#182628
• editorHint.foreground#C4A7E7
• editorHoverWidget.background#262339
• editorHoverWidget.border#413C5D
• editorHoverWidget.foreground#E1D4D4
• editorIndentGuide.activeBackground#5D5683a0
• editorIndentGuide.background#5D568350
• editorInfo.foreground#9CCFD8
• editorLineNumber.activeForeground#E1D4D4
• editorLineNumber.foreground#5D5683
• editorOverviewRuler.addedForeground#18252C
• editorOverviewRuler.deletedForeground#341D23
• editorOverviewRuler.errorForeground#EB7193
• editorOverviewRuler.findMatchForeground#5E3086
• editorOverviewRuler.infoForeground#9CCFD8
• editorOverviewRuler.modifiedForeground#182628
• editorOverviewRuler.selectionHighlightForeground#4A3432
• editorOverviewRuler.warningForeground#F6C074
• editorRuler.foreground#5D5683a0
• editorWarning.foreground#F6C074
• editorWidget.background#201D31
• editorWidget.border#2B273F
• editorWidget.foreground#E9E0E0
• errorForeground#EB7193
• focusBorder#C4A7E7
• foreground#E1D4D4
• icon.foreground#E1D4D4a0
• input.background#141120
• input.foreground#E1D4D4
• input.placeholderForeground#645F81
• inputOption.activeBorder#C4A7E7
• inputValidation.errorBorder#EB7193
• inputValidation.infoBorder#9CCFD8
• inputValidation.warningBorder#F6C074
• keybindingLabel.background#2B273F
• keybindingLabel.border#262339
• keybindingLabel.bottomBorder#413C5D
• keybindingLabel.foreground#E1D4D4
• list.activeSelectionBackground#413C5D
• list.activeSelectionForeground#E1D4D4
• list.highlightForeground#C4A7E7
• list.hoverBackground#413C5D50
• list.inactiveSelectionBackground#413C5Da0
• minimap.errorHighlight#EB7193
• minimap.findMatchHighlight#5E3086
• minimap.selectionHighlight#4A3432
• minimap.warningHighlight#F6C074
• minimapGutter.addedBackground#18252C
• minimapGutter.deletedBackground#341D23
• minimapGutter.modifiedBackground#182628
• notificationCenterHeader.background#201D31
• notificationCenterHeader.foreground#E9E0E0
• notificationLink.foreground#C4A7E7
• notifications.background#141120
• notifications.foreground#E1D4D4
• notificationsErrorIcon.foreground#EB7193
• notificationsInfoIcon.foreground#9CCFD8
• notificationsWarningIcon.foreground#F6C074
• panel.background#141120
• panel.border#5D5683a0
• panelTitle.activeBorder#5D5683a0
• panelTitle.activeForeground#E1D4D4
• panelTitle.inactiveForeground#E1D4D4a0
• pickerGroup.border#5D5683a0
• pickerGroup.foreground#E9E0E0
• problemsErrorIcon.foreground#EB7193
• problemsInfoIcon.foreground#9CCFD8
• problemsWarningIcon.foreground#F6C074
• quickInput.background#201D31
• quickInput.foreground#E9E0E0
• quickInputList.focusBackground#2B273F
• quickInputList.focusForeground#E1D4D4
• scrollbar.shadow#2B273F
• scrollbarSlider.activeBackground#564F7A
• scrollbarSlider.background#262339
• scrollbarSlider.hoverBackground#413C5D
• selection.background#4A3432
• sideBar.background#201D31
• sideBar.foreground#E9E0E0
• sideBarSectionHeader.background#2B273F
• sideBarSectionHeader.foreground#E1D4D4
• statusBar.background#201D31
• statusBar.debuggingBackground#201D31
• statusBar.foreground#E9E0E0
• statusBar.noFolderBackground#201D31
• statusBarItem.remoteBackground#2B273F
• statusBarItem.remoteForeground#E1D4D4
• tab.activeBackground#141120
• tab.activeForeground#E1D4D4
• tab.border#201D31
• tab.inactiveBackground#2B273F
• tab.inactiveForeground#E1D4D4a0
• terminal.ansiBlack#1A1825
• terminal.ansiBlue#9CCFD8
• terminal.ansiBrightBlack#3A3651
• terminal.ansiBrightBlue#94DAE6
• terminal.ansiBrightCyan#94DAE6
• terminal.ansiBrightGreen#358DAF
• terminal.ansiBrightMagenta#CEB3EF
• terminal.ansiBrightRed#F289A4
• terminal.ansiBrightWhite#BF9B99
• terminal.ansiBrightYellow#F9CA8E
• terminal.ansiCyan#9CCFD8
• terminal.ansiGreen#317490
• terminal.ansiMagenta#C4A7E7
• terminal.ansiRed#EB7193
• terminal.ansiWhite#E1D4D4
• terminal.ansiYellow#F6C074
• terminalCursor.background#141120
• terminalCursor.foreground#E7DDDD
• textLink.activeForeground#C4A7E7d0
• textLink.foreground#C4A7E7
• widget.shadow#2B273F
• window.activeBorder#C4A7E7
• window.inactiveBorder#E1D4D4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

Shiki preview

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

Loading...