Fruitone Themes

Color themes

• 

  FruitOne Mango 🥭

• 

  FruitOne Orange 🍊

• 

  FruitOne Strawberry 🍓

• 

  FruitOne Watermelon 🍉

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#FF5E72
• activityBar.background#132613
• activityBar.foreground#EAEAEA
• activityBarBadge.background#FF5E72
• activityBarBadge.foreground#FFFFFF
• badge.background#FF5E72
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#FF5E72
• breadcrumb.background#132613
• breadcrumb.focusForeground#FFFFFF
• breadcrumb.foreground#C7E3C7
• editor.background#231A1A
• editor.foreground#F5F5F5
• editor.lineHighlightBackground#2F2828
• editor.selectionBackground#6DB56D80
• editor.selectionHighlightBackground#85C78560
• editorCursor.foreground#FF5E72
• editorGroup.border#3A503A
• editorGroupHeader.tabsBackground#182118
• editorIndentGuide.activeBackground#85C785
• editorIndentGuide.background#3D4A3D
• editorLineNumber.activeForeground#EAEAEA
• editorLineNumber.foreground#88AA88
• editorWhitespace.foreground#3D4A3D
• editorWidget.background#243124
• editorWidget.border#85C785
• editorWidget.foreground#FFFFFF
• list.activeSelectionBackground#3A503A
• list.activeSelectionForeground#FFFFFF
• list.hoverBackground#6DB56D
• list.hoverForeground#FFFFFF
• list.inactiveSelectionBackground#2E3C2E
• list.inactiveSelectionForeground#C7E3C7
• menu.background#132613
• menu.foreground#EAEAEA
• menu.selectionBackground#FF5E72
• menu.selectionForeground#FFFFFF
• menu.separatorBackground#3A503A
• panel.background#132613
• panel.border#3A503A
• sideBar.background#182118
• sideBar.border#3A503A
• sideBar.foreground#C7E3C7
• sideBarSectionHeader.background#243124
• sideBarSectionHeader.foreground#FF5E72
• sideBarTitle.foreground#FFFFFF
• statusBar.background#132613
• statusBar.debuggingBackground#FF5E72
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#EAEAEA
• statusBar.noFolderBackground#243124
• statusBar.noFolderForeground#C7E3C7
• tab.activeBackground#2F2828
• tab.activeForeground#F5F5F5
• tab.hoverBackground#3A503A
• tab.hoverForeground#FFFFFF
• tab.inactiveBackground#231A1A
• tab.inactiveForeground#88AA88
• tab.unfocusedActiveBackground#2F2828
• tab.unfocusedActiveForeground#C7E3C7
• tab.unfocusedInactiveBackground#231A1A
• tab.unfocusedInactiveForeground#88AA88
• titleBar.activeBackground#182118
• titleBar.activeForeground#FFFFFF
• titleBar.inactiveBackground#182118
• titleBar.inactiveForeground#88AA88

tokenColors

TextMate scopes and font styles (syntax highlighting rules).