Fruitone Themes

Color themes

• 

  FruitOne Date 🌱

• 

  FruitOne Eggplant 🍆

• 

  FruitOne Grapes 🍇

• 

  FruitOne Kiwi 🥝

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#A6D62F
• activityBar.background#142B10
• activityBar.foreground#E8F8E0
• activityBarBadge.background#85B92C
• activityBarBadge.foreground#FFFFFF
• badge.background#85B92C
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#A6D62F
• breadcrumb.background#142B10
• breadcrumb.focusForeground#FFFFFF
• breadcrumb.foreground#C2D9B0
• editor.background#1B3B15
• editor.foreground#F5FFEB
• editor.lineHighlightBackground#274F24
• editor.selectionBackground#8FCF43
• editor.selectionHighlightBackground#A6D62F70
• editorCursor.foreground#85B92C
• editorGroup.border#3A5934
• editorGroupHeader.tabsBackground#102310
• editorIndentGuide.activeBackground#85B92C
• editorIndentGuide.background#2C4820
• editorLineNumber.activeForeground#E8F8E0
• editorLineNumber.foreground#94B88F
• editorWhitespace.foreground#2C4820
• editorWidget.background#254A21
• editorWidget.border#85B92C
• editorWidget.foreground#FFFFFF
• list.activeSelectionBackground#6CA432
• list.activeSelectionForeground#FFFFFF
• list.hoverBackground#8FCF43
• list.hoverForeground#FFFFFF
• list.inactiveSelectionBackground#3A5934
• list.inactiveSelectionForeground#C2D9B0
• menu.background#142B10
• menu.foreground#E8F8E0
• menu.selectionBackground#85B92C
• menu.selectionForeground#FFFFFF
• menu.separatorBackground#3A5934
• panel.background#142B10
• panel.border#3A5934
• sideBar.background#102310
• sideBar.border#3A5934
• sideBar.foreground#C2D9B0
• sideBarSectionHeader.background#254A21
• sideBarSectionHeader.foreground#A6D62F
• sideBarTitle.foreground#E8F8E0
• statusBar.background#142B10
• statusBar.debuggingBackground#85B92C
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#E8F8E0
• statusBar.noFolderBackground#254A21
• statusBar.noFolderForeground#C2D9B0
• tab.activeBackground#274F24
• tab.activeForeground#FFFFFF
• tab.hoverBackground#6CA432
• tab.hoverForeground#FFFFFF
• tab.inactiveBackground#1B3B15
• tab.inactiveForeground#94B88F
• tab.unfocusedActiveBackground#274F24
• tab.unfocusedActiveForeground#C2D9B0
• tab.unfocusedInactiveBackground#1B3B15
• tab.unfocusedInactiveForeground#94B88F
• titleBar.activeBackground#102310
• titleBar.activeForeground#E8F8E0
• titleBar.inactiveBackground#102310
• titleBar.inactiveForeground#94B88F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).