{"id":13769949,"url":"https://github.com/pkrasicki/lemmy-modern-ui-theme-addon","last_synced_at":"2025-06-28T18:12:15.742Z","repository":{"id":175297481,"uuid":"653381961","full_name":"pkrasicki/lemmy-modern-ui-theme-addon","owner":"pkrasicki","description":"Firefox extension which replaces the CSS styles on Lemmy instances to create a modern looking theme.","archived":false,"fork":false,"pushed_at":"2024-10-22T17:25:25.000Z","size":3073,"stargazers_count":18,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-27T08:50:55.376Z","etag":null,"topics":["browser-extension","firefox","firefox-addon","javascript","lemmy","userscript"],"latest_commit_sha":null,"homepage":"https://addons.mozilla.org/firefox/addon/lemmy-modern-ui-theme","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pkrasicki.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2023-06-14T00:28:58.000Z","updated_at":"2024-10-22T18:02:35.000Z","dependencies_parsed_at":"2024-01-06T20:46:15.464Z","dependency_job_id":"cfb65528-15c8-4742-8106-1c4a40c1a8bf","html_url":"https://github.com/pkrasicki/lemmy-modern-ui-theme-addon","commit_stats":null,"previous_names":["pkrasicki/lemmy-modern-ui-theme-addon"],"tags_count":9,"template":false,"template_full_name":null,"purl":"pkg:github/pkrasicki/lemmy-modern-ui-theme-addon","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pkrasicki%2Flemmy-modern-ui-theme-addon","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pkrasicki%2Flemmy-modern-ui-theme-addon/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pkrasicki%2Flemmy-modern-ui-theme-addon/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pkrasicki%2Flemmy-modern-ui-theme-addon/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pkrasicki","download_url":"https://codeload.github.com/pkrasicki/lemmy-modern-ui-theme-addon/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pkrasicki%2Flemmy-modern-ui-theme-addon/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262474155,"owners_count":23316913,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["browser-extension","firefox","firefox-addon","javascript","lemmy","userscript"],"created_at":"2024-08-03T17:00:32.985Z","updated_at":"2025-06-28T18:12:15.698Z","avatar_url":"https://github.com/pkrasicki.png","language":"SCSS","funding_links":[],"categories":["Projects"],"sub_categories":["Userscripts / Browser plugins"],"readme":"# Lemmy Modern UI Theme\nThis Firefox extension replaces the CSS styles on Lemmy instances to create a modern looking theme. Works with Lemmy 0.19, 0.18 and 0.17.\n\nGet the addon: https://addons.mozilla.org/firefox/addon/lemmy-modern-ui-theme\n\n![main page](screenshots/main-page.png)\n\n## Using The Theme On Your Lemmy Instance\nTo use the theme on your instance, [download the CSS files from the Releases page](https://github.com/pkrasicki/lemmy-modern-ui-theme-addon/releases). Then put the chosen files into the `extra_themes` folder or [follow the documentation](https://join-lemmy.org/docs/administration/theming.html).\n\n## Building\n### Prerequisites\n- [Node.js 18.x](https://nodejs.org)\n\n### Building The Addon\nInstall dependencies:\n\n```\nnpm install\n```\n\nBuild the addon:\n```\nnpm run build\n```\n\n### Building The Theme Only\nYou can build the CSS styles to use them on your Lemmy instance (you can also [get them from Releases page](https://github.com/pkrasicki/lemmy-modern-ui-theme-addon/releases)):\n```\nnpm run build-theme\n```\n\nThe following files will appear in the `dist` folder:\n\n`modern-light.css` - light theme only\n\n`modern-dark.css` - dark theme only\n\n`modern-auto.css` - contains both themes and switches between them automatically depending on user's current system settings (the default Lemmy theme works the same way)\n\n## Screenshots\n\n![community](screenshots/community.png)\n\n![post](screenshots/post.png)\n\n![dark theme](screenshots/dark-theme.png)\n\n## Donate\nIf you would like to donate some Monero, you can do it using the following address:\n\n`89MpdQJqV6G5XarB9hFJ8Mb8Bx4V4Gf3YEkEsg6L5WCLBUHM6TW8KSPbwG6DyUqJdEgGZsPZ4k6cTAMnc6rMyReZ9KPd2TG`","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpkrasicki%2Flemmy-modern-ui-theme-addon","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpkrasicki%2Flemmy-modern-ui-theme-addon","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpkrasicki%2Flemmy-modern-ui-theme-addon/lists"}