Fruitone Themes

Color themes

• 

  FruitOne Blackberry 🍇

• 

  FruitOne Blueberry 🫐

• 

  FruitOne Cherry 🍒

• 

  FruitOne Coconut 🥥

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.activeBorder#A050C0
• activityBar.background#1D1028
• activityBar.foreground#D4C7E8
• activityBarBadge.background#6B3B8F
• activityBarBadge.foreground#FFFFFF
• badge.background#6B3B8F
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#A050C0
• breadcrumb.background#1D1028
• breadcrumb.focusForeground#E9E0F6
• breadcrumb.foreground#C1A8D8
• editor.background#12091A
• editor.foreground#EAE6F4
• editor.lineHighlightBackground#2A1836
• editor.selectionBackground#49304E
• editor.selectionHighlightBackground#6D4871
• editorCursor.foreground#A050C0
• editorGroup.border#382245
• editorGroupHeader.tabsBackground#1A0D20
• editorIndentGuide.activeBackground#A050C0
• editorIndentGuide.background#2F1B3A
• editorLineNumber.activeForeground#D4C7E8
• editorLineNumber.foreground#716082
• editorWhitespace.foreground#2F1B3A
• editorWidget.background#2A1736
• editorWidget.border#6B3B8F
• editorWidget.foreground#D4C7E8
• list.activeSelectionBackground#3F244D
• list.activeSelectionForeground#FFFFFF
• list.hoverBackground#49304E
• list.hoverForeground#FFFFFF
• list.inactiveSelectionBackground#2D1A3A
• list.inactiveSelectionForeground#C1A8D8
• menu.background#1D1028
• menu.foreground#D4C7E8
• menu.selectionBackground#6B3B8F
• menu.selectionForeground#FFFFFF
• menu.separatorBackground#382245
• panel.background#1D1028
• panel.border#382245
• sideBar.background#1A0D20
• sideBar.border#382245
• sideBar.foreground#C1A8D8
• sideBarSectionHeader.background#2A1836
• sideBarSectionHeader.foreground#A050C0
• sideBarTitle.foreground#D4C7E8
• statusBar.background#1D1028
• statusBar.debuggingBackground#6B3B8F
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#D4C7E8
• statusBar.noFolderBackground#2A1836
• statusBar.noFolderForeground#C1A8D8
• tab.activeBackground#2A1736
• tab.activeForeground#E9E0F6
• tab.hoverBackground#382245
• tab.hoverForeground#FFFFFF
• tab.inactiveBackground#1A0D20
• tab.inactiveForeground#716082
• tab.unfocusedActiveBackground#2A1736
• tab.unfocusedActiveForeground#C1A8D8
• tab.unfocusedInactiveBackground#1A0D20
• tab.unfocusedInactiveForeground#716082
• titleBar.activeBackground#1A0D20
• titleBar.activeForeground#D4C7E8
• titleBar.inactiveBackground#1A0D20
• titleBar.inactiveForeground#716082

tokenColors

TextMate scopes and font styles (syntax highlighting rules).