Metrology for Beeper

Metrology is a series of app customizations and redesigns aimed at bringing a bold, clear, and consistent user experience to various apps, such as Home Assistant, MusicBee, and more. Its design language is based on Metro and Fluent design systems pioneered by Microsoft Design since the 2010s.

This is a theme for Beeper, a brand-new universal chat client!

Dark Theme

Light Theme

How to Install

To install, simply copy and paste the CSS code to the Custom CSS box under Settings > Appearances, and you're all set.

As theming for Beeper is still at an early stage of development, so any new updates may break the theme. As a precaution, the app will reset to the base theme every time the app is restarted. You will need to go back into Settings > Appearance and press the Apply button to reapply the theme each time.

Theme Customizations

Change Theme Color

The default color is set to magenta (my favorite), and you are not limited to that! Simply change the first line:

--metrology-hue: 212;

Enter a number between 0 to 355, and you are all set! (0 = red, 30 = orange, 60 = yellow, 120 = green, 180 = teal, 210 = blue, 300 = purple)

Change Favorites size

You can make Favorite avatars on the Rooms List smaller or even larger, by changing the --metrology-favorites-size variable.