This 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.
Get the addon: https://addons.mozilla.org/firefox/addon/lemmy-modern-ui-theme
To use the theme on your instance, download the CSS files from the Releases page. Then put the chosen files into the extra_themes folder or follow the documentation.
Install dependencies:
npm install
Build the addon:
npm run build
You can build the CSS styles to use them on your Lemmy instance (you can also get them from Releases page):
npm run build-theme
The following files will appear in the dist folder:
modern-light.css - light theme only
modern-dark.css - dark theme only
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)
