V2.0 konpaku.css


My very first fully fledged CSS Theme for Anilist.



Screenshot - Preview

Before Before
After After


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


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.