Skip to content

A central repository for Themes to be used within Kavita

License

Notifications You must be signed in to change notification settings

Kareadita/Themes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

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
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
Chapter-List-View Zeoic Changes the chapter card view into a list without thumbnails 0.8.3 Preview

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 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 (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