☰

AniList Darker

Dark theme with red accent for AniList.

作者のサイトでサポートを受ける。または、このスクリプトの質問や評価の投稿はこちら、通報はこちらへお寄せください。 
/* ==UserStyle==
@name         AniList Darker
@namespace    github.com/DishankJ/AniList-Darker
@version      1.0.9
@description  Dark theme with red accent for AniList.
@author       Dishank Jaiswal
@homepageURL  https://github.com/DishankJ/AniList-Darker
@supportURL   https://github.com/DishankJ/AniList-Darker/issues
==/UserStyle== */

@-moz-document url-prefix("https://anilist.co") {

.site-theme-dark {
    --color-background: 28,31,34;
    --color-foreground: 25, 27, 30;
    --color-blue: 255,105,97;
    --color-foreground-blue: 25, 27, 30;
    --color-background-100: 20,22,24;
    --color-background-200: 17,19,20;
    --color-gray-100: 20,22,24;
    --color-foreground-grey: 20,22,24;
    --color-foreground-grey-dark: 17,19,20;
}

.banner[data-v-b5c85c0a] {
    height: 260px;
}

.behind-accent[data-v-16d5094e] {
    background: #ff8e88;
    height: .9px;
}

@media (max-width: 760px) {
    .banner[data-v-b5c85c0a] {
        height: 135px;
    }
}

.small .cover .image-text[data-v-4b71d7c6] {
    background: linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,.1));
}

.footer[data-v-6f9ee47f] {
    background: rgb(20,22,24);
}

.hamburger[data-v-8aeb5e9a], .menu[data-v-8aeb5e9a] {
    box-shadow: 0 1px 20px rgba(0,0,8,.2);
}

.site-theme-dark .nav-unscoped {
    background: #16191b;
}

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

.site-theme-dark .nav-unscoped.transparent:hover {
    background: #16191b;
}

.site-theme-dark .quick-search {
    background: rgba(17,19,20,.9);
}

h2[data-v-6f9ee47f] {
    color: #ff6961;
}

.banner .shadow[data-v-b5c85c0a] {
    background: rgba(20,22,24,.7);
}

.user-page-unscoped.red .progress .bar {
    background: linear-gradient(270deg,#ff8e88,#f78c9b);
}

.feed-type-toggle>div.active[data-v-7b8d25f2] {
    color: #ff8e88;
}

.progress[data-v-5d42c114] {
    background-color: #ff8e88;
}

.el-message--success {
    background-color: rgba(16,16,16,.85);
    border: 0px solid black;
}

.el-icon-success:before {
    color: #ff8e88;
}

.el-message--success .el-message__content {
    color: #ff8e88;
}

h1 {
    font-weight: 500;
}

}

@-moz-document regexp("^https://anilist.co/anime/.*/.*/watch") {

@media screen and (max-width: 760px) {
    .external-links[data-v-da429fba] {
        display: inline;
    }
}

@media (max-width: 1040px) {
    .watch[data-v-7e52d138] {
    margin-top: 20px;
    }
}

@media (max-width: 760px) {
    .data[data-v-c657baee] {
    display: none;
    }
}

.content[data-v-da429fba] {
    margin-top: 18.5px;
}

}

@-moz-document regexp("^https://anilist.co/manga/.*/.*/stats") {

@media screen and (max-width: 760px) {
    .external-links[data-v-da429fba] {
        display: inline;
    }
}

@media screen and (max-width: 760px) {
    .data[data-v-c657baee] {
        display: none;
    }
}

.content[data-v-da429fba] {
    margin-top: 18.5px;
}

}