This will serve as a central hub to store all community made themes
Themes are provided as-is. Any issues with the themes need to be directed to the theme's author.
Theme Name | Author | Description | Kavita Compatibility | Preview |
---|---|---|---|---|
Light | majora2007 | A light theme for those that don't like dark themes | 0.7.14 | Preview |
Dark-Pre-Overhaul | majora2007 | The dark theme from v0.8.2 for those that don't like the newer dark theme | 0.8.2 | Pre1 Pre2 |
DarkNight | Elry | A very Dark Theme, for the Darkmode lovers. | 0.7.14 | Pre1 Pre2 |
CutePink | Elry | A cute and soft Pink Theme. | 0.7.14 | Preview |
Brilliance | Elry | A modern theme for e-ink devices. | 0.7.14 | Preview |
E-Ink | majora2007 | A simplified theme for e-ink devices | 0.8.2 | Preview |
Nord | ice45core0 | A dark pastel theme using the Nord color palette | 0.7.14 | Preview |
Dracula | Matguitarist | A Dracula inspired theme | 0.7.14 | Preview |
Overseerr | Matguitarist | A Overseer inspired theme | 0.7.14 | Preview |
Aquamarine | Matguitarist | An Aquamarine theme | 0.7.14 | Preview |
Solarized | Matguitarist | A Solarized theme | 0.7.14 | Preview |
DarkPink | Matguitarist | A Darkpink theme | 0.7.14 | Preview |
Battery-Saver-Dark-Mode | RPLgrime | A dark mode with gray text and reduced brightness on images. | 0.8.2 | Preview |
No-Colorscape | RPLgrime | Everything Kavita but with the Colorscape system turned off | 0.8.3 | Preview 1 Preview 2 |
- Download the
theme-name.css
file. - Place it in the
/config/themes
folder of your Kavita installation. - Within Kavita, navigate to your user settings and click the Theme tab.
- Click the Scan button.
- Apply and/or Set Default your newly added theme.
- In the upper right corner of Kavita, drop down your Username > Settings > Theme tab, then download and apply the desired theme from this repo.
Theme Name | Author | Description | Kavita Compatibility | Preview |
---|---|---|---|---|
Plex-like | MrRobotjs | A Plex-inspired theme | ? | Preview |
- Install a style injector extension for your browser, like xStyle
- Download the theme scss/css.
- If necessary edit the theme with the domain where your Kavita install is running.
- If scss, compile to css using your preferred method. You can do it online.
- Install the theme in the style injector extension.
- Load/Refresh your Kavita site.
- Clone the repo.
- Create a folder with your theme name in the appropriate top level folder (native or style injected).
- Add your
theme-name.css
file inside the created folder with the appropriate filename.- You can optionally add a preview image with the following format:
preview.ext
(feel free to add multiple showcasing your theme)
- You can optionally add a preview image with the following format:
- Add your theme to the
README.md
table with all fields filled out. Ensure the Theme Name matches the Folder name exactly. - Submit a PR.
! Note: Your folder name and theme filename should match for the theme to work correctly in Kavita.
If you have an issue, raise an Issue with the theme name in the title i.e. [Light] Side Nav not readable on mobile
and tag the person from the Readme table.
Kavita team does not provide support on any themes, even those created by majora2007.
If you identify bugs in the themeing, please raise an Issue on the Kavita Github for support or development work. Theme feature requests belong on the Kavita Discussions.
Please follow the documentation on our Wiki: https://wiki.kavitareader.com/guides/themes