mirror of
https://github.com/LemmyNet/lemmy.git
synced 2024-12-02 17:21:22 +00:00
19 lines
763 B
Markdown
19 lines
763 B
Markdown
|
# Theming Guide
|
||
|
|
|
||
|
|
Lemmy uses [Bootstrap v4](https://getbootstrap.com/), and very few custom css classes, so any bootstrap v4 compatible theme should work fine.
|
||
|
|
|
||
|
|
## Creating
|
||
|
|
|
||
|
|
- Use a tool like [bootstrap.build](https://bootstrap.build/) to create a bootstrap v4 theme. Export the `bootstrap.min.css` once you're done, and save the `_variables.scss` too.
|
||
|
|
|
||
|
|
## Testing
|
||
|
|
|
||
|
|
- To test out a theme, you can either use your browser's web tools, or a plugin like stylus to copy-paste a theme, when viewing Lemmy.
|
||
|
|
|
||
|
|
## Adding
|
||
|
|
|
||
|
|
1. Copy `{my-theme-name}.min.css` to `ui/assets/css/themes`. (You can also copy the `_variables.scss` here if you want).
|
||
|
|
1. Go to `ui/src/utils.ts` and add `{my-theme-name}` to the themes list.
|
||
|
|
1. Test locally
|
||
|
|
1. Do a pull request with those changes.
|