anilist.co by ezawaa

/* ==UserStyle==
@name         anilist.co
@version      20220809.00.06
@namespace    userstyles.world/user/ezawaa
@description  a
@author       ezawaa
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://anilist.co") {
/*
     * =================================================
     *                     COLORS
     * =================================================
    */
:root {
    --light: 21, 21, 21;
    --dark: 00, 00, 00;

    --hover-bg: #252525;
    --light-accent: #505050;

    --lightest-text: #e6e6e6;
    --lighter-text: #b6b6b6;
    --light-text: #a6a6a6;

    --dropdown-alt-bg: #101010;
    --profile-graph-bg: #090909;
    --transparent-header-bg: rgba(00, 00, 00, 0.5);
}


/*
     * =================================================
     *                 SITEWIDE
     * =================================================
    */
.site-theme-dark {
    --color-background: var(--dark) !important;
    --color-foreground: var(--light) !important;
    --color-foreground-grey: var(--light) !important;
    --color-foreground-blue: var(--dark) !important
}



/*
     * =================================================
     *                   HEADER
     * =================================================
    */
.site-theme-dark .nav-unscoped.transparent {
    /* transparent */
    background: var(--transparent-header-bg) !important;
}

.site-theme-dark .nav-unscoped {
    /* opaque */
    background: rgb(var(--dark));
}

.primary-links {
    /* profile card */
    background-color: rgb(var(--light));
}

.secondary-link,
.footer[data-v-0bb70ffa] {
    /* profile card */
    background-color: rgb(var(--dark));
}

.footer[data-v-38edf8f8] {
    /* browse card */
    background-color: rgb(var(--dark));
}


/*
     * =================================================
     *                   FOOTER
     * =================================================
    */
.footer[data-v-6f9ee47f] {
    background: rgb(var(--light));
}


/*
     * =================================================
     *                   BROWSE
     * =================================================
    */
.search[data-v-7a42bb24] {
    /* search input */
    background: rgb(var(--light));
}

.search-wrap[data-v-458a983a],
.select[data-v-0f4acdbb],
.open-btn[data-v-a679b1ba] {
    background: rgb(var(--dark));
}

.options[data-v-0f4acdbb] {
    /* dropdown menus */
    background: rgb(var(--dark));
}

.option.selected[data-v-0f4acdbb],
.option[data-v-0f4acdbb]:hover {
    background: var(--hover-bg);
}

.dropdown[data-v-a679b1ba] {
    /* filters */
    background: var(--dropdown-alt-bg);
}

.active-region[data-v-94c49b6c] {
    background: rgb(var(--dark));
}

.handle[data-v-94c49b6c],
.handle-1[data-v-94c49b6c] {
    /* handles */
    background: var(--light-accent);
}

.rail[data-v-94c49b6c] {
    /* handles sliders */
    background: var(--hover-bg);
}

.tag-filtesr-wrap[data-v-a679b1ba] {
    border-top: none;
}

.checkbox[data-v-32107ecb] {
    /* checkboxes */
    border-color: var(--light-accent);
    background: var(--hover-bg);
}

.search-wrap[data-v-128d71ac] {
    /* advanced filters - filter tags */
    background: rgb(var(--dark));
}

.hover-data[data-v-758c163c] {
    /* hover infobox */
    background: rgb(var(--dark));
}


/*
     * =================================================
     *                     HOME
     * =================================================
    */
.el-dropdown-menu {
    /* drop down menus (3 dots) */
    background-color: rgb(var(--dark));
    border-bottom-color: rgb(var(--dark));
}

.el-popper[x-placement^="bottom"] .popper__arrow::after,
.el-popper[x-placement^="bottom"] .popper__arrow {
    border-bottom-color: rgb(var(--dark));
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
    background: rgb(var(--light));
}


/*
     * =================================================
     *                   PROFILE
     * =================================================
    */
.x-axis[data-v-3251fadf] {
    /* score and episode count */
    background: var(--profile-graph-bg);
}

.filter-group a[data-v-1e00b9da]:hover {
    /* astats sidebar */
    color: var(--lightest-text);
    transition: 0.3s;
}

.filter-group a[data-v-1e00b9da] {
    transition: 0.3s;
}


/*
     * =================================================
     *                    STAFF
     * =================================================
    */
.header[data-v-66608714] {
    /* header bg */
    background: rgb(var(--dark));
}

.expand-description[data-v-66608714] {
    /* read more gradient */
    background: linear-gradient(0deg, rgba(var(--dark), 1) 20%, rgba(var(--color-background-200), 0))
}


/*
     * =================================================
     *                 CHARACTER
     * =================================================
    */
.header[data-v-7ea10afe] {
    /* header bg */
    background: var(--dark);
}

.expand-description[data-v-7ea10afe] {
    /* read more gradient */
    background: linear-gradient(0deg, rgba(var(--dark), 1) 20%, rgba(var(--color-background-200), 0))
}
}