Custom theme CSS files for Beeper desktop app, mapped directly to Beeper's native variable structure with full light and dark mode support.
- Dracula (
dracula.css): Dracula Dark & Alucard Light classic color schemes. - Nocturne (
nocturne.css): Premium glassmorphism dark aesthetic with subtle translucency. - Nord (
nord.css): Clean Arctic palette based on Nord Polar Night and Frost colors. - Tokyo Night (
tokyo-night.css): Deep navy & neon purple midnight theme inspired by Tokyo Night. - Gruvbox (
gruvbox.css): Retro earthy palette featuring warm dark charcoal gray backgrounds and amber accents. - Catppuccin Mocha (
catppuccin-mocha.css): Soft dark mocha charcoal background paired with lavender accents. - Pink Pixel (
pink-pixel.css): Hot neon pink on Dark Charcoal Gray. - Cloudwerx (
cloudwerx.css): Cool dark slate gray background with crisp sky blue primary accents. - Matrix (
matrix.css): Matrix neon green accents on a deep dark charcoal green surface (#0C100D). - Hacker (
hacker.css): Hacker electric purple accents on a deep dark charcoal violet surface (#100C14).
- Copy the contents of your chosen
.cssfile from thethemes/directory. - Open Beeper Settings -> Appearance -> Custom CSS -> Open CSS file in editor.
- Paste the CSS code and apply.
Alternatively, you can find the custom.css file in your ~/.config/BeeperTexts directory.