Beepify

Color themes

• 

  Beepify: Clean 😌

• 

  Beepify: Error 😡

• 

  Beepify: Warning ⚠️

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#ffaa00
• activityBar.background#1a1200
• activityBar.foreground#ffcc66
• badge.background#ffaa00
• badge.foreground#000000
• button.background#7a5a00
• button.hoverBackground#8a6800
• editor.background#1a1400
• editor.foreground#f0e0b0
• editor.inactiveSelectionBackground#332a00
• editor.lineHighlightBackground#2a2000
• editor.selectionBackground#4a3800
• editorCursor.foreground#ffaa00
• editorError.foreground#ff6b6b
• editorGroupHeader.tabsBackground#140f00
• editorLineNumber.activeForeground#ffbb44
• editorLineNumber.foreground#5a4a20
• editorWarning.foreground#ffcc44
• focusBorder#ffaa00
• input.background#2a2000
• input.border#4a3800
• list.activeSelectionBackground#4a3800
• list.activeSelectionForeground#ffeecc
• list.hoverBackground#2a2000
• panel.background#140f00
• panelTitle.activeBorder#ffaa00
• panelTitle.activeForeground#ffcc44
• scrollbarSlider.background#4a380088
• sideBar.background#140f00
• sideBar.foreground#d4b870
• sideBarSectionHeader.background#1a1200
• sideBarSectionHeader.foreground#ffcc66
• statusBar.background#7a5a00
• statusBar.foreground#ffffff
• statusBarItem.hoverBackground#8a6800
• tab.activeBackground#2a2000
• tab.activeBorder#ffaa00
• tab.activeForeground#ffe0aa
• tab.inactiveBackground#140f00
• tab.inactiveForeground#7a6040
• terminal.background#1a1400
• terminal.foreground#f0e0b0
• titleBar.activeBackground#1a1200
• titleBar.activeForeground#ffcc66

tokenColors

TextMate scopes and font styles (syntax highlighting rules).