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#A57F50
• activityBar.background#1C0E0A
• activityBar.foreground#D3B89A
• activityBarBadge.background#6E4624
• activityBarBadge.foreground#FFFFFF
• badge.background#6E4624
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#A57F50
• breadcrumb.background#1C0E0A
• breadcrumb.focusForeground#E6D1C1
• breadcrumb.foreground#BFA48C
• editor.background#2E1A15
• editor.foreground#EDE8E4
• editor.lineHighlightBackground#40291F
• editor.selectionBackground#6E462460
• editor.selectionHighlightBackground#A57F5090
• editorCursor.foreground#A57F50
• editorGroup.border#3B241C
• editorGroupHeader.tabsBackground#251712
• editorIndentGuide.activeBackground#A57F50
• editorIndentGuide.background#4C2E23
• editorLineNumber.activeForeground#D3B89A
• editorLineNumber.foreground#8B6B58
• editorWhitespace.foreground#4C2E23
• editorWidget.background#3A241B
• editorWidget.border#6E4624
• editorWidget.foreground#EDE8E4
• list.activeSelectionBackground#5A372A
• list.activeSelectionForeground#FFFFFF
• list.hoverBackground#6E4624
• list.hoverForeground#FFFFFF
• list.inactiveSelectionBackground#4C2E23
• list.inactiveSelectionForeground#BFA48C
• menu.background#1C0E0A
• menu.foreground#D3B89A
• menu.selectionBackground#6E4624
• menu.selectionForeground#FFFFFF
• menu.separatorBackground#4C2E23
• panel.background#1C0E0A
• panel.border#3B241C
• sideBar.background#251712
• sideBar.border#3B241C
• sideBar.foreground#BFA48C
• sideBarSectionHeader.background#3A241B
• sideBarSectionHeader.foreground#A57F50
• sideBarTitle.foreground#D3B89A
• statusBar.background#1C0E0A
• statusBar.debuggingBackground#6E4624
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#D3B89A
• statusBar.noFolderBackground#3A241B
• statusBar.noFolderForeground#BFA48C
• tab.activeBackground#40291F
• tab.activeForeground#EDE8E4
• tab.hoverBackground#5A372A
• tab.hoverForeground#FFFFFF
• tab.inactiveBackground#2E1A15
• tab.inactiveForeground#8B6B58
• tab.unfocusedActiveBackground#40291F
• tab.unfocusedActiveForeground#D3B89A
• tab.unfocusedInactiveBackground#2E1A15
• tab.unfocusedInactiveForeground#8B6B58
• titleBar.activeBackground#251712
• titleBar.activeForeground#D3B89A
• titleBar.inactiveBackground#251712
• titleBar.inactiveForeground#8B6B58

tokenColors

TextMate scopes and font styles (syntax highlighting rules).