Skip to content

AniList Dark Mode (Black) by dmandrone

Screenshot of AniList Dark Mode (Black)
Write a review Install Get Stylus

Details

Authordmandrone

LicenseNo License

Categoryuserstyles

Created

Updated

Size1.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

My custom dark theme for AniList.

Notes

Just adjusted the elements that I felt were not actually "Dark" from the default Dark Mode.

Source code

/* ==UserStyle==
@name         AniList Dark Mode
@namespace    NAME SPACE
@author       Cloudburst
@description  My custom dark theme for AniList
@version      1.0.0
==/UserStyle== */
@-moz-document url-prefix("https://anilist.co/") {
    /* My Dark Mode for AniList */
    .site-theme-dark {
        --color-background: 10, 10, 10 !important;
        --color-foreground: 22, 22, 22 !important;
        --color-foreground-blue: 60, 60, 60 !important;
        --color-foreground-blue-dark: 40, 40, 40 !important;
        --color-foreground-grey: 60, 60, 60 !important;
        --color-foreground-grey-dark: 40, 40, 40 !important;
        --color-foreground-light: 75, 75, 75;
        --color-foreground-lighter: 101, 101, 101;
        --color-text: 210, 210, 210 !important;
        --color-text-light: 155, 155, 155 !important;
        --color-text-lighter: 177, 177, 177 !important;
        --placeholder: 101, 101, 101;
        --color-bw: 24, 24, 24;
    }
    .milestones[data-v-815ccddc] {
        background: black !important;
    }

    .site-theme-dark .nav-unscoped {
        background: black;
    }

    .site-theme-dark .nav-unscoped.transparent {
        background: rgba(0, 0, 0, .5);
    }

    .footer[data-v-0f519cab] {
        background: #0e0e0e;
    }
}

Reviews

No reviews yet.