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#44ff88
• activityBar.background#091509
• activityBar.foreground#88ffaa
• badge.background#44ff88
• badge.foreground#000000
• button.background#00701a
• button.hoverBackground#008a20
• editor.background#0a1a0e
• editor.foreground#c0f0cc
• editor.inactiveSelectionBackground#103018
• editor.lineHighlightBackground#0f2a14
• editor.selectionBackground#1a5a2a
• editorCursor.foreground#44ff88
• editorError.foreground#ff6b6b
• editorGroupHeader.tabsBackground#07100a
• editorLineNumber.activeForeground#66ff99
• editorLineNumber.foreground#2a5a38
• editorWarning.foreground#ffcc44
• focusBorder#44ff88
• input.background#0f2a14
• input.border#1a5a2a
• list.activeSelectionBackground#1a5a2a
• list.activeSelectionForeground#ccffdd
• list.hoverBackground#0f2a14
• panel.background#07100a
• panelTitle.activeBorder#44ff88
• panelTitle.activeForeground#66ff99
• scrollbarSlider.background#1a5a2a88
• sideBar.background#07100a
• sideBar.foreground#98d4a8
• sideBarSectionHeader.background#091509
• sideBarSectionHeader.foreground#88ffaa
• statusBar.background#00701a
• statusBar.foreground#ffffff
• statusBarItem.hoverBackground#008a20
• tab.activeBackground#0f2a14
• tab.activeBorder#44ff88
• tab.activeForeground#aaffcc
• tab.inactiveBackground#07100a
• tab.inactiveForeground#4a7a58
• terminal.background#0a1a0e
• terminal.foreground#c0f0cc
• titleBar.activeBackground#091509
• titleBar.activeForeground#88ffaa

tokenColors

TextMate scopes and font styles (syntax highlighting rules).