Kavita Themes

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.

---

Native Themes

Theme Name	Author	Description	Kavita Compatibility	Preview
Light	majora2007	A light theme for those that don't like dark themes	0.7.14	Preview
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.7.14	N/A
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

Native Theme Installation

1. Download the theme-name.css file.
2. Place it in the /config/themes folder of your Kavita installation.
3. Within Kavita, navigate to your user settings and click the Theme tab.
4. Click the Scan button.
5. Apply and/or Set Default your newly added theme.

---

Style Injected Themes

Theme Name	Author	Description	Kavita Compatibility	Preview
Plex-like	MrRobotjs	A Plex-inspired theme	?	Preview

Style Injected Theme Installation

1. Install a style injector extension for your browser, like xStyle
2. Download the theme scss/css.
3. If necessary edit the theme with the domain where your Kavita install is running.
4. If scss, compile to css using your preferred method. You can do it online.
5. Install the theme in the style injector extension.
6. Load/Refresh your Kavita site.

---

Contributing

1. Clone the repo.
2. Create a folder with your theme name in the appropriate top level folder (native or style injected).
3. 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
4. Add your theme to the README.md table with all fields filled out.
5. Submit a PR.

---

Creating a Theme

Please follow the documentation on our Wiki: https://wiki.kavitareader.com/guides/themes