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
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.
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)
You can make Favorite avatars on the Rooms List smaller or even larger, by changing the --metrology-favorites-size variable.