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#393654
• activityBar.foreground#E1D4D4
• activityBarBadge.background#C4A7E7
• activityBarBadge.foreground#2E2B45
• badge.background#C4A7E7
• badge.foreground#2E2B45
• button.background#393654
• button.foreground#E1D4D4
• button.secondaryBackground#2E2B45
• button.secondaryForeground#E9E0E0
• checkbox.background#393654
• checkbox.foreground#E1D4D4
• descriptionForeground#E1D4D4
• disabledForeground#E1D4D480
• editor.background#232137
• editor.findMatchBackground#BE9DE4
• editor.findMatchHighlightBackground#763EA7
• editor.foreground#E1D4D4
• editor.lineHighlightBackground#29273F
• editor.selectionBackground#604443
• 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#2E2B45
• editorGutter.addedBackground#253741
• editorGutter.deletedBackground#4B2C33
• editorGutter.modifiedBackground#25383B
• editorHint.foreground#C4A7E7
• editorHoverWidget.background#363351
• editorHoverWidget.border#4D4971
• editorHoverWidget.foreground#E1D4D4
• editorIndentGuide.activeBackground#67648Ca0
• editorIndentGuide.background#67648C50
• editorInfo.foreground#9CCFD8
• editorLineNumber.activeForeground#E1D4D4
• editorLineNumber.foreground#67648C
• editorOverviewRuler.addedForeground#253741
• editorOverviewRuler.deletedForeground#4B2C33
• editorOverviewRuler.errorForeground#EB7193
• editorOverviewRuler.findMatchForeground#763EA7
• editorOverviewRuler.infoForeground#9CCFD8
• editorOverviewRuler.modifiedForeground#25383B
• editorOverviewRuler.selectionHighlightForeground#604443
• editorOverviewRuler.warningForeground#F6C074
• editorRuler.foreground#67648Ca0
• editorWarning.foreground#F6C074
• editorWidget.background#2E2B45
• editorWidget.border#393654
• editorWidget.foreground#E9E0E0
• errorForeground#EB7193
• focusBorder#C4A7E7
• foreground#E1D4D4
• icon.foreground#E1D4D4a0
• input.background#232137
• input.foreground#E1D4D4
• input.placeholderForeground#6F6C8B
• inputOption.activeBorder#C4A7E7
• inputValidation.errorBorder#EB7193
• inputValidation.infoBorder#9CCFD8
• inputValidation.warningBorder#F6C074
• keybindingLabel.background#393654
• keybindingLabel.border#363351
• keybindingLabel.bottomBorder#4D4971
• keybindingLabel.foreground#E1D4D4
• list.activeSelectionBackground#4D4971
• list.activeSelectionForeground#E1D4D4
• list.highlightForeground#C4A7E7
• list.hoverBackground#4D497150
• list.inactiveSelectionBackground#4D4971a0
• minimap.errorHighlight#EB7193
• minimap.findMatchHighlight#763EA7
• minimap.selectionHighlight#604443
• minimap.warningHighlight#F6C074
• minimapGutter.addedBackground#253741
• minimapGutter.deletedBackground#4B2C33
• minimapGutter.modifiedBackground#25383B
• notificationCenterHeader.background#2E2B45
• notificationCenterHeader.foreground#E9E0E0
• notificationLink.foreground#C4A7E7
• notifications.background#232137
• notifications.foreground#E1D4D4
• notificationsErrorIcon.foreground#EB7193
• notificationsInfoIcon.foreground#9CCFD8
• notificationsWarningIcon.foreground#F6C074
• panel.background#232137
• panel.border#67648Ca0
• panelTitle.activeBorder#67648Ca0
• panelTitle.activeForeground#E1D4D4
• panelTitle.inactiveForeground#E1D4D4a0
• pickerGroup.border#67648Ca0
• pickerGroup.foreground#E9E0E0
• problemsErrorIcon.foreground#EB7193
• problemsInfoIcon.foreground#9CCFD8
• problemsWarningIcon.foreground#F6C074
• quickInput.background#2E2B45
• quickInput.foreground#E9E0E0
• quickInputList.focusBackground#393654
• quickInputList.focusForeground#E1D4D4
• scrollbar.shadow#393654
• scrollbarSlider.activeBackground#625F88
• scrollbarSlider.background#363351
• scrollbarSlider.hoverBackground#4D4971
• selection.background#604443
• sideBar.background#2E2B45
• sideBar.foreground#E9E0E0
• sideBarSectionHeader.background#393654
• sideBarSectionHeader.foreground#E1D4D4
• statusBar.background#2E2B45
• statusBar.debuggingBackground#2E2B45
• statusBar.foreground#E9E0E0
• statusBar.noFolderBackground#2E2B45
• statusBarItem.remoteBackground#393654
• statusBarItem.remoteForeground#E1D4D4
• tab.activeBackground#232137
• tab.activeForeground#E1D4D4
• tab.border#2E2B45
• tab.inactiveBackground#393654
• 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#232137
• terminalCursor.foreground#E7DDDD
• textLink.activeForeground#C4A7E7d0
• textLink.foreground#C4A7E7
• widget.shadow#393654
• 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...