Kavita Themes

January 16, 2026 · View on GitHub

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 NameAuthorDescriptionKavita CompatibilityPreviewTotal Installs
LightgmahomarfA light theme for those that don't like—or can't use—dark themes0.8.8Preview
Dark-Pre-Overhaulmajora2007The dark theme from v0.8.2 for those that don't like the newer dark theme0.8.2Pre1 Pre2
DarkNightElryA very Dark Theme, for the Darkmode lovers.0.7.14Pre1 Pre2
CutePinkElryA cute and soft Pink Theme.0.7.14Preview
BrillianceElryA modern theme for e-ink devices.0.7.14Preview
E-Inkmajora2007A simplified theme for e-ink devices0.8.2Preview
Nordice45core0A dark pastel theme using the Nord color palette0.7.14Preview
DraculaMatguitaristA Dracula inspired theme0.7.14Preview
OverseerrMatguitaristA Overseer inspired theme0.7.14Preview
AquamarineMatguitaristAn Aquamarine theme0.7.14Preview
SolarizedMatguitaristA Solarized theme0.7.14Preview
DarkPinkMatguitaristA Darkpink theme0.7.14Preview
Battery-Saver-Dark-ModeRPLgrimeA dark mode with gray text and reduced brightness on images.0.8.2Preview
No-ColorscapeRPLgrimeEverything Kavita but with the Colorscape system turned off0.8.3Preview 1 Preview 2
Chapter-List-ViewZeoicChanges the chapter card view into a list without thumbnails0.8.3Preview
ElegantFinenieuwySoft "glass" header, decluttered covers, long multi-line titles, rounded corners, cover mouse-over animations, & space-saving for first-class library view on mobile0.8.9.0Library, mobile Library, large

Native Theme Installation (pre-v0.8.2.0)

  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.

Native Theme Installation (v0.8.2.0+)

  1. In the upper right corner of Kavita, drop down your Username > Settings > Theme tab, then download and apply the desired theme from this repo.

Style Injected Themes

Theme NameAuthorDescriptionKavita CompatibilityPreview
Plex-likeMrRobotjsA 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 (feel free to add multiple showcasing your theme)
  4. Add your theme to the README.md table with all fields filled out. Ensure the Theme Name matches the Folder name exactly.
  5. Submit a PR.

! Note: Your folder name and theme filename should match for the theme to work correctly in Kavita.

Issues

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.

Creating a Theme

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