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#5C80FF
• activityBar.background#0F1B2D
• activityBar.foreground#D8E6FF
• activityBarBadge.background#3A5CA0
• activityBarBadge.foreground#FFFFFF
• badge.background#3A5CA0
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#5C80FF
• breadcrumb.background#0F1B2D
• breadcrumb.focusForeground#FFFFFF
• breadcrumb.foreground#AFC4E5
• editor.background#0D121F
• editor.foreground#D8E6FF
• editor.lineHighlightBackground#1A2539
• editor.selectionBackground#345E89
• editor.selectionHighlightBackground#3A6FA3
• editorCursor.foreground#5C80FF
• editorGroup.border#1D2F4A
• editorGroupHeader.tabsBackground#0C1727
• editorIndentGuide.activeBackground#5C80FF
• editorIndentGuide.background#22314A
• editorLineNumber.activeForeground#D8E6FF
• editorLineNumber.foreground#7286A0
• editorWhitespace.foreground#22314A
• editorWidget.background#1A2539
• editorWidget.border#3A5CA0
• editorWidget.foreground#D8E6FF
• list.activeSelectionBackground#345E89
• list.activeSelectionForeground#FFFFFF
• list.hoverBackground#3A6FA3
• list.hoverForeground#FFFFFF
• list.inactiveSelectionBackground#22314A
• list.inactiveSelectionForeground#AFC4E5
• menu.background#0F1B2D
• menu.foreground#D8E6FF
• menu.selectionBackground#3A6FA3
• menu.selectionForeground#FFFFFF
• menu.separatorBackground#1D2F4A
• panel.background#0F1B2D
• panel.border#1D2F4A
• sideBar.background#0C1727
• sideBar.border#1D2F4A
• sideBar.foreground#AFC4E5
• sideBarSectionHeader.background#1A2539
• sideBarSectionHeader.foreground#5C80FF
• sideBarTitle.foreground#D8E6FF
• statusBar.background#0F1B2D
• statusBar.debuggingBackground#3A5CA0
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#D8E6FF
• statusBar.noFolderBackground#1A2539
• statusBar.noFolderForeground#AFC4E5
• tab.activeBackground#1A2539
• tab.activeForeground#FFFFFF
• tab.hoverBackground#22314A
• tab.hoverForeground#FFFFFF
• tab.inactiveBackground#0D121F
• tab.inactiveForeground#7286A0
• tab.unfocusedActiveBackground#1A2539
• tab.unfocusedActiveForeground#AFC4E5
• tab.unfocusedInactiveBackground#0D121F
• tab.unfocusedInactiveForeground#7286A0
• titleBar.activeBackground#0C1727
• titleBar.activeForeground#D8E6FF
• titleBar.inactiveBackground#0C1727
• titleBar.inactiveForeground#7286A0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).