🠔

V2.0 konpaku.css

Description

My very first fully fledged CSS Theme for Anilist.

Features

Sceenshots

Screenshot - Preview

Before Before
After After

Installation

Quick Setup

Add @import url("https://anzuftnw.github.io/files/konpaku.css"); into the custom css box inside your app settings and press submit.

tutorial image

Then add the following code below it, change the options to your liking and press submit: 

/* settings */
:root, .site-theme-dark, .site-theme-contrast {
  --konpaku-navbar-height: 46px;
  --konpaku-border-size: 4px;
  --konpaku-shadow: 0 0 36px rgba(0, 0, 0, 0.5);
  --konpaku-content-width: 925px;
  --konpaku-scrollbar-width: 7px;
  --konpaku-color-gray: 106, 99, 104;
  --konpaku-color-pink: 255, 164, 181;
  --konpaku-color-green: 124, 173, 156;
  --konpaku-color-hair: 210, 208, 226;
  --konpaku-background-image: url("https://i.imgur.com/3dXf8eK.gif");
  --konpaku-render-image: url("https://s8.gifyu.com/images/konpaku-gif-tt7c99b3c72790f9d8.gif");
  --konpaku-logo-image: url("https://i.imgur.com/Qc21ypw.png");
}
tutorial image

Customize

If you want more freedom and disable or modify some of the things this code snippet does you probably already know how to do so. Copy the contents of konpaku.css into your custom css box or a seperat file and get started.

Changelog