Bananify for VS Code

Color themes

• 

  Banana Cream

• 

  Banana Grove

• 

  Midnight Banana

• 

  Monkey Jungle

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.activeBackground#294F39
• activityBar.activeBorder#FFDA35
• activityBar.background#173C2A
• activityBar.border#496D58
• activityBar.dropBorder#FFDA35
• activityBar.foreground#FFE66B
• activityBar.inactiveForeground#B6CDBF
• activityBarBadge.background#FFDA35
• activityBarBadge.foreground#322518
• activityBarTop.activeBorder#FFDA35
• activityBarTop.dropBorder#FFDA35
• activityBarTop.foreground#FFE66B
• activityBarTop.inactiveForeground#B6CDBF
• badge.background#FFDA35
• badge.foreground#322518
• button.background#B88720
• button.foreground#FFFBE5
• button.hoverBackground#D1A42D
• button.secondaryBackground#355443
• button.secondaryForeground#E8F0E9
• button.secondaryHoverBackground#496D58
• checkbox.background#10271C
• checkbox.border#496D58
• checkbox.foreground#E8F0E9
• commandCenter.activeBackground#294536
• commandCenter.activeBorder#FFDA35
• commandCenter.activeForeground#FFFFFF
• commandCenter.background#1C352A
• commandCenter.border#496D58
• commandCenter.foreground#E8F0E9
• commandCenter.inactiveBorder#355443
• commandCenter.inactiveForeground#8EA79A
• descriptionForeground#B6CDBF
• disabledForeground#799387
• dropdown.background#10271C
• dropdown.border#496D58
• dropdown.foreground#E8F0E9
• editor.background#17221C
• editor.border#355443
• editor.foreground#E8F0E9
• editor.inactiveSelectionBackground#725F2D66
• editor.selectionBackground#725F2D99
• editorCursor.foreground#FFDA35
• editorGroup.border#355443
• editorGroupHeader.noTabsBackground#102419
• editorGroupHeader.tabsBackground#102419
• editorGroupHeader.tabsBorder#294536
• editorIndentGuide.activeBackground1#BE9A3A
• editorIndentGuide.background1#2B4436
• editorLineNumber.activeForeground#FFDA35
• editorLineNumber.foreground#688876
• editorPane.background#17221C
• focusBorder#FFDA35
• foreground#E8F0E9
• input.background#10271C
• input.border#496D58
• input.foreground#E8F0E9
• input.placeholderForeground#8EA79A
• inputOption.activeBackground#725F2D66
• inputOption.activeBorder#FFDA35
• inputOption.activeForeground#FFFBE5
• inputValidation.errorBackground#4A211F
• inputValidation.errorBorder#F08A80
• inputValidation.infoBackground#183849
• inputValidation.infoBorder#7FC4E5
• inputValidation.warningBackground#473A17
• inputValidation.warningBorder#E6B95C
• list.activeSelectionBackground#365C45
• list.activeSelectionForeground#FFFFFF
• list.dropBackground#725F2D66
• list.focusBackground#365C45
• list.focusForeground#FFFFFF
• list.highlightForeground#FFE66B
• list.hoverBackground#294536
• list.hoverForeground#FFFFFF
• list.inactiveSelectionBackground#294536
• list.inactiveSelectionForeground#DCE8DF
• menu.background#1C352A
• menu.border#496D58
• menu.foreground#E8F0E9
• menu.selectionBackground#365C45
• menu.selectionBorder#FFDA35
• menu.selectionForeground#FFFFFF
• menu.separatorBackground#496D58
• menubar.selectionBackground#294536
• menubar.selectionBorder#496D58
• menubar.selectionForeground#FFFFFF
• minimapSlider.activeBackground#B6CDBF99
• minimapSlider.background#79938744
• minimapSlider.hoverBackground#8EA79A77
• modernActivityBar.background#102E20
• modernActivityBar.border#496D58
• modernActivityBar.inactiveBackground#102419
• modernActivityBarItem.activeBackground#294F39
• modernActivityBarItem.activeForeground#FFE66B
• modernActivityBarItem.hoverBackground#294536
• modernActivityBarItem.hoverForeground#FFFFFF
• modernEditorTab.actionHoverBackground#365C45
• modernEditorTab.activeBackground#17221C
• modernEditorTab.activeForeground#FFFFFF
• modernEditorTab.hoverBackground#294536
• modernEditorTab.hoverForeground#FFFFFF
• modernEditorTab.selectedActionBackground#725F2D99
• modernEditorTab.selectedActionForeground#FFFBE5
• modernPanel.border#496D58
• modernSash.gripForeground#B6CDBF66
• modernTab.activeBackground#365C45
• modernTab.activeForeground#FFFFFF
• modernTab.hoverBackground#294536
• modernTab.hoverForeground#FFFFFF
• modernUI.inactiveShellBackground#102419
• modernUI.shellBackground#0B1A12
• notificationCenter.border#496D58
• notificationLink.foreground#FFE66B
• notifications.background#1C352A
• notifications.border#496D58
• notifications.foreground#E8F0E9
• notificationToast.border#496D58
• panel.background#16271E
• panel.border#3F634D
• panel.dropBorder#FFDA35
• panelInput.border#496D58
• panelTitle.activeBorder#FFDA35
• panelTitle.activeForeground#FFFFFF
• panelTitle.border#355443
• panelTitle.inactiveForeground#8EA79A
• scrollbar.shadow#08110C99
• scrollbarSlider.activeBackground#B6CDBFAA
• scrollbarSlider.background#79938755
• scrollbarSlider.hoverBackground#8EA79A88
• sideBar.background#1C2D24
• sideBar.border#355443
• sideBar.dropBackground#725F2D66
• sideBar.foreground#DCE8DF
• sideBarSectionHeader.background#294536
• sideBarSectionHeader.border#355443
• sideBarSectionHeader.foreground#FFFFFF
• sideBarStickyScroll.background#1C2D24
• sideBarStickyScroll.border#355443
• sideBarTitle.border#355443
• sideBarTitle.foreground#FFFFFF
• statusBar.background#765700
• statusBar.border#9A7300
• statusBar.debuggingBackground#8A3F24
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#FFFBE5
• statusBar.inactiveBackground#4C430F
• statusBar.inactiveForeground#D9D2A7
• statusBar.noFolderBackground#765039
• statusBarItem.activeBackground#FFFFFF33
• statusBarItem.focusBorder#FFFFFF
• statusBarItem.hoverBackground#FFFFFF26
• statusBarItem.prominentBackground#173C2A
• statusBarItem.prominentForeground#FFE66B
• statusBarItem.prominentHoverBackground#294F39
• surface.background#1C352A
• surface.border#496D58
• surface.foreground#E8F0E9
• tab.activeBackground#17221C
• tab.activeBorder#17221C
• tab.activeBorderTop#FFDA35
• tab.activeForeground#FFFFFF
• tab.border#294536
• tab.hoverBackground#294536
• tab.hoverForeground#FFFFFF
• tab.inactiveBackground#1C2D24
• tab.inactiveForeground#B6CDBF
• tab.lastPinnedBorder#496D58
• tab.unfocusedActiveBackground#17221C
• tab.unfocusedActiveForeground#B6CDBF
• tab.unfocusedInactiveBackground#1C2D24
• tab.unfocusedInactiveForeground#799387
• terminal.ansiYellow#FFDA35
• titleBar.activeBackground#102419
• titleBar.activeForeground#E8F0E9
• titleBar.border#294536
• titleBar.inactiveBackground#102419
• titleBar.inactiveForeground#8EA79A
• window.activeBorder#496D58
• window.inactiveBorder#294536

tokenColors

TextMate scopes and font styles (syntax highlighting rules).