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#ff4444
• activityBar.background#1f0909
• activityBar.foreground#ff8888
• badge.background#ff4444
• badge.foreground#ffffff
• button.background#8b0000
• button.hoverBackground#a00000
• editor.background#1a0a0a
• editor.foreground#f0c0c0
• editor.inactiveSelectionBackground#3a1010
• editor.lineHighlightBackground#2a0f0f
• editor.selectionBackground#5a1a1a
• editorBracketMatch.background#5a1a1a
• editorBracketMatch.border#ff4444
• editorCursor.foreground#ff4444
• editorError.foreground#ff6b6b
• editorGroupHeader.tabsBackground#160808
• editorLineNumber.activeForeground#ff6666
• editorLineNumber.foreground#5a2a2a
• editorWarning.foreground#ff9944
• focusBorder#ff4444
• input.background#2a0f0f
• input.border#5a1a1a
• inputOption.activeBorder#ff4444
• list.activeSelectionBackground#5a1a1a
• list.activeSelectionForeground#ffcccc
• list.hoverBackground#2a0f0f
• panel.background#160808
• panelTitle.activeBorder#ff4444
• panelTitle.activeForeground#ff6666
• scrollbarSlider.background#5a1a1a88
• scrollbarSlider.hoverBackground#ff444444
• sideBar.background#160808
• sideBar.foreground#d49898
• sideBarSectionHeader.background#1f0909
• sideBarSectionHeader.foreground#ff8888
• statusBar.background#8b0000
• statusBar.foreground#ffffff
• statusBarItem.hoverBackground#a00000
• tab.activeBackground#2a0f0f
• tab.activeBorder#ff4444
• tab.activeForeground#ffaaaa
• tab.inactiveBackground#160808
• tab.inactiveForeground#7a4a4a
• terminal.background#1a0a0a
• terminal.foreground#f0c0c0
• titleBar.activeBackground#1f0909
• titleBar.activeForeground#ff8888

tokenColors

TextMate scopes and font styles (syntax highlighting rules).