Light

hobogrammer / themes Goto Github PK

View Code? Open in Web Editor NEW

This project forked from kareadita/themes

0.0 1.0 0.0 11.14 MB

A central repository for Themes to be used within Kavita

License: GNU General Public License v3.0

CSS 42.44% SCSS 57.56%

themes's Introduction

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.5.2.x	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

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.

Style Injected Themes

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

Style Injected Theme Installation

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.

Contributing

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
Add your theme to the README.md table with all fields filled out.
Submit a PR.

Creating a Theme

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

themes's People

Contributors

Watchers

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.