Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pkrasicki/lemmy-modern-ui-theme-addon
Firefox extension which replaces the CSS styles on Lemmy instances to create a modern looking theme.
https://github.com/pkrasicki/lemmy-modern-ui-theme-addon
browser-extension firefox firefox-addon javascript lemmy userscript
Last synced: 3 months ago
JSON representation
Firefox extension which replaces the CSS styles on Lemmy instances to create a modern looking theme.
- Host: GitHub
- URL: https://github.com/pkrasicki/lemmy-modern-ui-theme-addon
- Owner: pkrasicki
- License: gpl-3.0
- Created: 2023-06-14T00:28:58.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-02-06T01:11:12.000Z (9 months ago)
- Last Synced: 2024-04-23T16:12:12.536Z (7 months ago)
- Topics: browser-extension, firefox, firefox-addon, javascript, lemmy, userscript
- Language: SCSS
- Homepage: https://addons.mozilla.org/firefox/addon/lemmy-modern-ui-theme
- Size: 1.68 MB
- Stars: 16
- Watchers: 1
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-lemmy - lemmy-modern-ui-theme-addon - modern-ui-theme-addon)  (Projects / Userscripts / Browser plugins)
README
# Lemmy Modern UI Theme
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
## Using The Theme On Your Lemmy Instance
To 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).
## Building
### Prerequisites
- [Node.js 18.x](https://nodejs.org)
### Building The Addon
Install dependencies:
```
npm install
```
Build the addon:
```
npm run build
```
### Building The Theme Only
You 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)):
```
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)
## Screenshots
