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#FF3D4A
• activityBar.background#2B0D12
• activityBar.foreground#F8E9E9
• activityBarBadge.background#B31321
• activityBarBadge.foreground#FFFFFF
• badge.background#B31321
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#FF3D4A
• breadcrumb.background#2B0D12
• breadcrumb.focusForeground#FFFFFF
• breadcrumb.foreground#DAB5B5
• editor.background#1E0A0C
• editor.foreground#FDEDED
• editor.lineHighlightBackground#3A1B1F
• editor.selectionBackground#751B26
• editor.selectionHighlightBackground#942035
• editorCursor.foreground#FF3D4A
• editorGroup.border#5A3236
• editorGroupHeader.tabsBackground#2B0D12
• editorIndentGuide.activeBackground#FF5E72
• editorIndentGuide.background#422327
• editorLineNumber.activeForeground#F8E9E9
• editorLineNumber.foreground#C09090
• editorWhitespace.foreground#422327
• editorWidget.background#3A1B1F
• editorWidget.border#B31321
• editorWidget.foreground#FFFFFF
• list.activeSelectionBackground#751B26
• list.activeSelectionForeground#FFFFFF
• list.hoverBackground#942035
• list.hoverForeground#FFFFFF
• list.inactiveSelectionBackground#5A3236
• list.inactiveSelectionForeground#DAB5B5
• menu.background#2B0D12
• menu.foreground#F8E9E9
• menu.selectionBackground#B31321
• menu.selectionForeground#FFFFFF
• menu.separatorBackground#5A3236
• panel.background#2B0D12
• panel.border#5A3236
• sideBar.background#2B0D12
• sideBar.border#5A3236
• sideBar.foreground#DAB5B5
• sideBarSectionHeader.background#3A1B1F
• sideBarSectionHeader.foreground#FF3D4A
• sideBarTitle.foreground#F8E9E9
• statusBar.background#2B0D12
• statusBar.debuggingBackground#B31321
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#F8E9E9
• statusBar.noFolderBackground#3A1B1F
• statusBar.noFolderForeground#DAB5B5
• tab.activeBackground#3A1B1F
• tab.activeForeground#FDEDED
• tab.hoverBackground#751B26
• tab.hoverForeground#FFFFFF
• tab.inactiveBackground#1E0A0C
• tab.inactiveForeground#C09090
• tab.unfocusedActiveBackground#3A1B1F
• tab.unfocusedActiveForeground#DAB5B5
• tab.unfocusedInactiveBackground#1E0A0C
• tab.unfocusedInactiveForeground#C09090
• titleBar.activeBackground#2B0D12
• titleBar.activeForeground#F8E9E9
• titleBar.inactiveBackground#2B0D12
• titleBar.inactiveForeground#C09090

tokenColors

TextMate scopes and font styles (syntax highlighting rules).