{"id":48236022,"url":"https://github.com/Madelena/Metrology-for-Beeper","last_synced_at":"2026-04-20T07:01:25.317Z","repository":{"id":56722743,"uuid":"523241004","full_name":"Madelena/Metrology-for-Beeper","owner":"Madelena","description":"A flat design theme for Beeper. Based on Metro Design System.","archived":false,"fork":false,"pushed_at":"2024-03-21T04:31:59.000Z","size":58,"stargazers_count":40,"open_issues_count":4,"forks_count":8,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-04T02:23:12.880Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Madelena.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-08-10T07:16:40.000Z","updated_at":"2025-01-21T19:12:46.000Z","dependencies_parsed_at":"2024-10-28T12:17:45.606Z","dependency_job_id":"6820270c-30f8-4f0b-b25a-8552ae35f111","html_url":"https://github.com/Madelena/Metrology-for-Beeper","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Madelena/Metrology-for-Beeper","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Madelena%2FMetrology-for-Beeper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Madelena%2FMetrology-for-Beeper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Madelena%2FMetrology-for-Beeper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Madelena%2FMetrology-for-Beeper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Madelena","download_url":"https://codeload.github.com/Madelena/Metrology-for-Beeper/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Madelena%2FMetrology-for-Beeper/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32036799,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T00:18:06.643Z","status":"online","status_checked_at":"2026-04-20T02:00:06.527Z","response_time":94,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-04-04T20:00:26.649Z","updated_at":"2026-04-20T07:01:25.304Z","avatar_url":"https://github.com/Madelena.png","language":"CSS","funding_links":[],"categories":["🎨 Themes"],"sub_categories":["Community Bridges"],"readme":"# Metrology for Beeper\n\nMetrology 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](https://github.com/Madelena/Metrology-for-Hass), [MusicBee](https://github.com/Madelena/Metrology-for-Musicbee), and [more](https://github.com/Madelena?tab=repositories\u0026q=Metrology). Its design language is based on [Metro](https://en.wikipedia.org/wiki/Metro_(design_language)) and [Fluent](https://www.microsoft.com/design/fluent/) design systems pioneered by Microsoft Design since the 2010s.\n\nThis is a theme for [Beeper](https://www.beeper.com/), a brand-new universal chat client!\n\n![image](https://user-images.githubusercontent.com/4341881/208801734-27924ab0-fca2-48f7-830b-deb312ca993b.png)\n*Dark Theme*\n\n![image](https://user-images.githubusercontent.com/4341881/208801551-3e1e637b-bd79-40f8-850b-26322019f49e.png)\n*Light Theme*\n\n## How to Install\n\nTo install, simply copy and paste [the CSS code](https://raw.githubusercontent.com/Madelena/Metrology-for-Beeper/main/Metrology-for-Beeper.css) to the Custom CSS box under Settings \u003e Appearances, and you're all set.\n\nAs 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 \u003e Appearance and press the Apply button to reapply the theme each time.\n\n## Theme Customizations\n\n### Change Theme Color\n\n![image](https://user-images.githubusercontent.com/4341881/184789498-0aa9a568-6c49-40e4-bd50-e76de17eb9df.png)\n\nThe default color is set to magenta (my favorite), and you are not limited to that! Simply change the first line:\n```css\n--metrology-hue: 212;\n```\nEnter a number between 0 to 355, and you are all set!\n(0 = red, 30 = orange, 60 = yellow, 120 = green, 180 = teal, 210 = blue, 300 = purple)\n\n### Change Favorites size\n\n![image](https://user-images.githubusercontent.com/4341881/209044618-a5e25edb-1c85-41c3-ad81-8e3f5af08902.png)\n\nYou can make Favorite avatars on the Rooms List smaller or even larger, by changing the `--metrology-favorites-size` variable.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMadelena%2FMetrology-for-Beeper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMadelena%2FMetrology-for-Beeper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMadelena%2FMetrology-for-Beeper/lists"}