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#FFE58A
• activityBar.activeBorder#8C3F10
• activityBar.background#F1C84B
• activityBar.border#C49A2A
• activityBar.dropBorder#8C3F10
• activityBar.foreground#2A2118
• activityBar.inactiveForeground#55471F
• activityBarBadge.background#2F6B4F
• activityBarBadge.foreground#FFFFFF
• activityBarTop.activeBorder#8C3F10
• activityBarTop.dropBorder#8C3F10
• activityBarTop.foreground#2A2118
• activityBarTop.inactiveForeground#665A48
• badge.background#2F6B4F
• badge.foreground#FFFFFF
• button.background#765700
• button.foreground#FFFFFF
• button.hoverBackground#5E4600
• button.secondaryBackground#E6D59D
• button.secondaryForeground#342A20
• button.secondaryHoverBackground#D8C78D
• checkbox.background#FFFDF7
• checkbox.border#A77C16
• checkbox.foreground#342A20
• commandCenter.activeBackground#FFF1BE
• commandCenter.activeBorder#8C3F10
• commandCenter.activeForeground#2A2118
• commandCenter.background#F5D878
• commandCenter.border#A77C16
• commandCenter.foreground#342A20
• commandCenter.inactiveBorder#C9B66E
• commandCenter.inactiveForeground#665A48
• descriptionForeground#665A48
• disabledForeground#8A806E
• dropdown.background#FFFDF7
• dropdown.border#A77C16
• dropdown.foreground#342A20
• editor.background#FFF8DF
• editor.border#C9B66E
• editor.foreground#342A20
• editor.inactiveSelectionBackground#E4BE5244
• editor.selectionBackground#E4BE5266
• editorCursor.foreground#8C3F10
• editorGroup.border#C9B66E
• editorGroupHeader.noTabsBackground#EBCF7A
• editorGroupHeader.tabsBackground#EBCF7A
• editorGroupHeader.tabsBorder#C9B66E
• editorIndentGuide.activeBackground1#A77C16
• editorIndentGuide.background1#E4D9B7
• editorLineNumber.activeForeground#765700
• editorLineNumber.foreground#796F5D
• editorPane.background#FFF8DF
• focusBorder#8C3F10
• foreground#342A20
• input.background#FFFDF7
• input.border#A77C16
• input.foreground#342A20
• input.placeholderForeground#796F5D
• inputOption.activeBackground#E4BE5266
• inputOption.activeBorder#8C3F10
• inputOption.activeForeground#342A20
• inputValidation.errorBackground#FDE3DF
• inputValidation.errorBorder#A1332D
• inputValidation.infoBackground#DDEEF5
• inputValidation.infoBorder#176247
• inputValidation.warningBackground#FFF1BE
• inputValidation.warningBorder#8A6500
• list.activeSelectionBackground#EBD47F
• list.activeSelectionForeground#2A2118
• list.dropBackground#E4BE5266
• list.focusBackground#EBD47F
• list.focusForeground#2A2118
• list.highlightForeground#765700
• list.hoverBackground#F5E8B9
• list.hoverForeground#2A2118
• list.inactiveSelectionBackground#F1E3AD
• list.inactiveSelectionForeground#342A20
• menu.background#FFFDF7
• menu.border#C9B66E
• menu.foreground#342A20
• menu.selectionBackground#EBD47F
• menu.selectionBorder#8C3F10
• menu.selectionForeground#2A2118
• menu.separatorBackground#C9B66E
• menubar.selectionBackground#F5D878
• menubar.selectionBorder#A77C16
• menubar.selectionForeground#2A2118
• minimapSlider.activeBackground#55471F77
• minimapSlider.background#796F5D33
• minimapSlider.hoverBackground#665A4855
• modernActivityBar.background#E1B437
• modernActivityBar.border#A77C16
• modernActivityBar.inactiveBackground#E8C65D
• modernActivityBarItem.activeBackground#FFE58A
• modernActivityBarItem.activeForeground#2A2118
• modernActivityBarItem.hoverBackground#F5D878
• modernActivityBarItem.hoverForeground#2A2118
• modernEditorTab.actionHoverBackground#EBD47F
• modernEditorTab.activeBackground#FFF8DF
• modernEditorTab.activeForeground#2A2118
• modernEditorTab.hoverBackground#FFF1BE
• modernEditorTab.hoverForeground#2A2118
• modernEditorTab.selectedActionBackground#E4BE5299
• modernEditorTab.selectedActionForeground#342A20
• modernPanel.border#C9B66E
• modernSash.gripForeground#665A4866
• modernTab.activeBackground#EBD47F
• modernTab.activeForeground#2A2118
• modernTab.hoverBackground#F5E8B9
• modernTab.hoverForeground#2A2118
• modernUI.inactiveShellBackground#E8C65D
• modernUI.shellBackground#D9A92C
• notificationCenter.border#C9B66E
• notificationLink.foreground#176247
• notifications.background#FFFDF7
• notifications.border#C9B66E
• notifications.foreground#342A20
• notificationToast.border#C9B66E
• panel.background#FFF4CF
• panel.border#C9B66E
• panel.dropBorder#8C3F10
• panelInput.border#A77C16
• panelTitle.activeBorder#8C3F10
• panelTitle.activeForeground#2A2118
• panelTitle.border#C9B66E
• panelTitle.inactiveForeground#665A48
• scrollbar.shadow#5A431F33
• scrollbarSlider.activeBackground#55471F88
• scrollbarSlider.background#796F5D44
• scrollbarSlider.hoverBackground#665A4866
• sideBar.background#FFF1BE
• sideBar.border#C9B66E
• sideBar.dropBackground#E4BE5266
• sideBar.foreground#3D3325
• sideBarSectionHeader.background#F3D978
• sideBarSectionHeader.border#C9B66E
• sideBarSectionHeader.foreground#2A2118
• sideBarStickyScroll.background#FFF1BE
• sideBarStickyScroll.border#C9B66E
• sideBarTitle.border#C9B66E
• sideBarTitle.foreground#2A2118
• statusBar.background#765700
• statusBar.border#5E4600
• statusBar.debuggingBackground#8C3F10
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#FFFFFF
• statusBar.inactiveBackground#A98A32
• statusBar.inactiveForeground#2A2118
• statusBar.noFolderBackground#765039
• statusBarItem.activeBackground#FFFFFF33
• statusBarItem.focusBorder#FFFFFF
• statusBarItem.hoverBackground#FFFFFF26
• statusBarItem.prominentBackground#2F6B4F
• statusBarItem.prominentForeground#FFFFFF
• statusBarItem.prominentHoverBackground#24553E
• surface.background#FFF9E7
• surface.border#C9B66E
• surface.foreground#342A20
• tab.activeBackground#FFF8DF
• tab.activeBorder#FFF8DF
• tab.activeBorderTop#8C3F10
• tab.activeForeground#2A2118
• tab.border#D8C78D
• tab.hoverBackground#FFF1BE
• tab.hoverForeground#2A2118
• tab.inactiveBackground#F7EBC2
• tab.inactiveForeground#665A48
• tab.lastPinnedBorder#A77C16
• tab.unfocusedActiveBackground#FFF8DF
• tab.unfocusedActiveForeground#665A48
• tab.unfocusedInactiveBackground#F7EBC2
• tab.unfocusedInactiveForeground#8A806E
• terminal.ansiYellow#8A6500
• titleBar.activeBackground#E6B83C
• titleBar.activeForeground#2A2118
• titleBar.border#C49A2A
• titleBar.inactiveBackground#E8C65D
• titleBar.inactiveForeground#665A48
• window.activeBorder#A77C16
• window.inactiveBorder#D8C78D

tokenColors

TextMate scopes and font styles (syntax highlighting rules).