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#8A62D1
• activityBar.background#1B0F2B
• activityBar.foreground#E6D8FF
• activityBarBadge.background#6140A4
• activityBarBadge.foreground#FFFFFF
• badge.background#6140A4
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#8A62D1
• breadcrumb.background#1B0F2B
• breadcrumb.focusForeground#FFFFFF
• breadcrumb.foreground#C7B1E1
• editor.background#120A1F
• editor.foreground#F3EFFF
• editor.lineHighlightBackground#2D1B47
• editor.selectionBackground#563D8D
• editor.selectionHighlightBackground#8A62D170
• editorCursor.foreground#8A62D1
• editorGroup.border#422A66
• editorGroupHeader.tabsBackground#170C24
• editorIndentGuide.activeBackground#8A62D1
• editorIndentGuide.background#3E275A
• editorLineNumber.activeForeground#E6D8FF
• editorLineNumber.foreground#9885C1
• editorWhitespace.foreground#3E275A
• editorWidget.background#281A40
• editorWidget.border#6140A4
• editorWidget.foreground#FFFFFF
• list.activeSelectionBackground#3E275A
• list.activeSelectionForeground#FFFFFF
• list.hoverBackground#563D8D
• list.hoverForeground#FFFFFF
• list.inactiveSelectionBackground#422A66
• list.inactiveSelectionForeground#C7B1E1
• menu.background#1B0F2B
• menu.foreground#E6D8FF
• menu.selectionBackground#6140A4
• menu.selectionForeground#FFFFFF
• menu.separatorBackground#422A66
• panel.background#1B0F2B
• panel.border#422A66
• sideBar.background#170C24
• sideBar.border#422A66
• sideBar.foreground#C7B1E1
• sideBarSectionHeader.background#281A40
• sideBarSectionHeader.foreground#8A62D1
• sideBarTitle.foreground#E6D8FF
• statusBar.background#1B0F2B
• statusBar.debuggingBackground#6140A4
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#E6D8FF
• statusBar.noFolderBackground#281A40
• statusBar.noFolderForeground#C7B1E1
• tab.activeBackground#2D1B47
• tab.activeForeground#F3EFFF
• tab.hoverBackground#563D8D
• tab.hoverForeground#FFFFFF
• tab.inactiveBackground#120A1F
• tab.inactiveForeground#9885C1
• tab.unfocusedActiveBackground#2D1B47
• tab.unfocusedActiveForeground#C7B1E1
• tab.unfocusedInactiveBackground#120A1F
• tab.unfocusedInactiveForeground#9885C1
• titleBar.activeBackground#170C24
• titleBar.activeForeground#E6D8FF
• titleBar.inactiveBackground#170C24
• titleBar.inactiveForeground#9885C1

tokenColors

TextMate scopes and font styles (syntax highlighting rules).