Hanabi Theme (Cursor)

Color themes

• 

  Hanabi

• 

  Hanabi Light

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#2C2842
• activityBar.foreground#FCFCFA
• activityBar.inactiveForeground#5C6E89
• activityBarBadge.background#6F90FF
• activityBarBadge.foreground#FAF9F9
• badge.background#2C2842
• badge.foreground#FCFCFA
• button.background#2C2842
• button.foreground#FCFCFA
• button.hoverBackground#302D43
• button.secondaryBackground#333141
• button.secondaryForeground#FCFCFA
• button.secondaryHoverBackground#302D43
• descriptionForeground#5C6E89
• disabledForeground#5C6E89
• dropdown.background#161422
• dropdown.border#0C0B11
• dropdown.foreground#FCFCFA
• editor.background#21202C
• editor.findMatchBackground#FFF06648
• editor.findMatchHighlightBackground#FFF06628
• editor.findRangeHighlightBackground#333141
• editor.foreground#FCFCFA
• editor.inactiveSelectionBackground#4A435D9A
• editor.lineHighlightBackground#33314199
• editor.lineHighlightBorder#383454AA
• editor.selectionBackground#4A435DD0
• editor.selectionHighlightBackground#FFF06633
• editor.wordHighlightBackground#5CFFF030
• editor.wordHighlightStrongBackground#82FA8230
• editorBracketHighlight.foreground1#FB6583
• editorBracketHighlight.foreground2#82FA82
• editorBracketHighlight.foreground3#FFB65E
• editorBracketHighlight.foreground4#FFF066
• editorBracketHighlight.foreground5#6F90FF
• editorBracketHighlight.foreground6#5CFFF0
• editorBracketHighlight.unexpectedBracket.foreground#FF6FA0
• editorBracketPairGuide.activeBackground1#FB65833A
• editorBracketPairGuide.activeBackground2#82FA823A
• editorBracketPairGuide.activeBackground3#FFB65E3A
• editorBracketPairGuide.activeBackground4#FFF0663A
• editorBracketPairGuide.activeBackground5#6F90FF3A
• editorBracketPairGuide.activeBackground6#5CFFF03A
• editorBracketPairGuide.background1#FB65831E
• editorBracketPairGuide.background2#82FA821E
• editorBracketPairGuide.background3#FFB65E1E
• editorBracketPairGuide.background4#FFF0661E
• editorBracketPairGuide.background5#6F90FF1E
• editorBracketPairGuide.background6#5CFFF01E
• editorCursor.foreground#FCFCFA
• editorGroupHeader.tabsBackground#0C0B11
• editorGroupHeader.tabsBorder#161422
• editorHoverWidget.background#302D43
• editorHoverWidget.border#161422
• editorIndentGuide.activeBackground#FCFCFA88
• editorIndentGuide.background#383454
• editorLineNumber.activeForeground#FFB65E
• editorLineNumber.foreground#5C6E89
• editorWhitespace.foreground#383454
• errorForeground#FB6583
• focusBorder#302D43
• foreground#FCFCFA
• icon.foreground#FCFCFA
• input.background#21202C
• input.border#161422
• input.foreground#FCFCFA
• input.placeholderForeground#5C6E89AA
• list.activeSelectionBackground#302D43
• list.activeSelectionForeground#FCFCFA
• list.errorForeground#FB6583
• list.focusBackground#444652
• list.focusForeground#FCFCFA
• list.highlightForeground#5CFFF0
• list.hoverBackground#333141
• list.hoverForeground#FCFCFA
• list.inactiveSelectionBackground#333141
• list.inactiveSelectionForeground#FCFCFA
• list.warningForeground#FFF066
• minimap.background#21202C
• minimap.selectionHighlight#4A435DAA
• panel.background#21202C
• panel.border#161422
• panelTitle.activeForeground#FCFCFA
• panelTitle.inactiveForeground#5C6E89
• peekViewEditor.background#21202C
• peekViewResult.background#161422
• peekViewResult.selectionBackground#302D43
• peekViewTitle.background#0C0B11
• progressBar.background#6F90FF
• scrollbar.shadow#0C0B11
• scrollbarSlider.activeBackground#FCFCFA66
• scrollbarSlider.background#FCFCFA22
• scrollbarSlider.hoverBackground#FCFCFA44
• sideBar.background#161422
• sideBar.border#0C0B11
• sideBar.foreground#FCFCFA
• sideBarSectionHeader.background#21202C
• sideBarSectionHeader.foreground#FCFCFA
• sideBarTitle.foreground#FCFCFA
• statusBar.background#2C2842
• statusBar.debuggingBackground#FFB65E
• statusBar.debuggingForeground#0C0B11
• statusBar.foreground#FCFCFA
• statusBar.noFolderBackground#161422
• statusBar.noFolderForeground#FCFCFA
• tab.activeBackground#21202C
• tab.activeBorderTop#6F90FF
• tab.activeForeground#FCFCFA
• tab.hoverBackground#302D43
• tab.hoverForeground#FCFCFA
• tab.inactiveBackground#161422
• tab.inactiveForeground#5C6E89
• terminal.ansiBlack#20232E
• terminal.ansiBlue#6D92F7
• terminal.ansiBrightBlack#667893
• terminal.ansiBrightBlue#A3B9FF
• terminal.ansiBrightCyan#92FFF2
• terminal.ansiBrightGreen#B9FFAC
• terminal.ansiBrightMagenta#F299BD
• terminal.ansiBrightRed#FEA8AC
• terminal.ansiBrightWhite#FFF6F6
• terminal.ansiBrightYellow#FFF79E
• terminal.ansiCyan#4FFAF7
• terminal.ansiGreen#87F879
• terminal.ansiMagenta#E66B9A
• terminal.ansiRed#FC6B74
• terminal.ansiWhite#F8FFF4
• terminal.ansiYellow#FFE74A
• terminal.background#21202C
• terminal.foreground#FCFCFA
• terminal.selectionBackground#4A435D
• terminalCursor.background#21202C
• terminalCursor.foreground#FCFCFA
• textCodeBlock.background#333141
• textLink.activeForeground#92FFF2
• textLink.foreground#5CFFF0
• titleBar.activeBackground#0C0B11
• titleBar.activeForeground#FCFCFA
• titleBar.inactiveBackground#161422
• titleBar.inactiveForeground#5C6E89
• window.activeBorder#0C0B11
• window.inactiveBorder#161422

tokenColors

TextMate scopes and font styles (syntax highlighting rules).