anilist-css

Anilist-CSS

Enhance your Anilist profile with this customizable CSS library.

Contents

Getting Started

Follow these instructions to apply the project’s CSS to your Anilist profile.

Prerequisites

Before you begin, ensure you have Automail installed.

Activate it by navigating to:

Apps

Then, in your profile settings, ensure this option is checked:

Enable CSS

Applying CSS to Your Profile

  1. In the profile tab, locate the CSS input field:

    CSS Field

  2. Choose how to apply the CSS:

    • For the full CSS: 
      @import url(https://mentor404.github.io/anilist-css/main.css);
    • For specific components: 
      @import url(https://mentor404.github.io/anilist-css/files/area-name-here.css);
    • Example: 
      @import url(https://mentor404.github.io/anilist-css/files/color-theme.css);
@import url(https://mentor404.github.io/anilist-css/files/background.css);

    To explore all available styles, click here.

Customization

For significant changes, clone this repository. Follow the instructions to Fork a repo and enable Github Pages.

For minor modifications, copy and paste the desired CSS file content after the @import in your profile’s CSS field and customize as needed.

Customization

Contributing

Interested in contributing? Please read CONTRIBUTING.md for guidelines on how to contribute and our code of conduct.

Versioning

We use SemVer for version control. For available versions, see the tags in this repository.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Preview

Main.css

Main.css Preview

@import url(https://mentor404.github.io/anilist-css/main.css);

Neon.css

Neon.css Preview

@import url(https://mentor404.github.io/anilist-css/neon.css);
This site is open source. Improve this page.