Skip to content

AniChart × OLED Pro Deep Black Dark Theme by greatday

Screenshot of AniChart × OLED Pro Deep Black Dark Theme

Details

Authorgreatday

LicenseMIT

Categoryanichart.net

Created

Updated

Size2.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Simple dark mode theme for AniChart. Also features improved contrast, nicer color scheme and less annoyances.

Notes

This theme is meant for OLED or XDR screens. It's very simple and just fixes some issues and removes annoyances.

Source code

/* ==UserStyle==
@name           AniChart × OLED Pro Deep Black Dark Theme
@namespace      github.com/openstyles/stylus
@version        1.0.3
@description    Simple dark mode theme for AniChart
@author         GreatDay
==/UserStyle== */
@-moz-document domain("anichart.net") {
    :root {
        --color-background: black;
        --color-foreground: #414141;
        --color-foreground-grey: #414141;
        --color-foreground-grey-dark: #0e0e0e;
        --color-foreground-blue: #1d1d30;
        --color-foreground-blue-dark: #101010;
        --color-text: #e2e2e2;
        --color-text-light: #e2e2e2;
        --color-text-lighter: #e2e2e2;
        --color-scroll-bar: #a9a9a9;
        --color-white: #e2e2e2;
        --color-blue: #0c4868;
    }
    body {
        background: var(--color-background);
    }
    .nav[data-v-e2f25004] {
        background: var(--color-background);
        color: var(--color-text:);
    }
    .site-theme-dark {
        --color-background: black;
        --color-foreground: #414141;
        --color-foreground-grey: #414141;
        --color-foreground-grey-dark: #0e0e0e;
        --color-foreground-blue: #1d1d30;
        --color-foreground-blue-dark: #101010;
        /* color-text: #e2e2e2; */
        --color-text-light: #e2e2e2;
        --color-text-lighter: #e2e2e2;
        --color-scroll-bar: #a9a9a9;
        --color-white: #e2e2e2;
    }
    .airing-card[data-v-59b37204] {
        background: var(--color-foreground-grey-dark);
    }

    .logo-link[data-v-e2f25004] {
        opacity: 0.5;
        transition: opacity 0.3s ease;
    }
    .logo-link[data-v-e2f25004]:hover {
        opacity: 1;
    }
    .airing-next[data-v-59b37204],
    .airing-now[data-v-59b37204] {
        background: var(--color-blue);
        color: var(--color-foreground-blue);
    }
    .dropdown-menu {
        background: var(--color-background);
    }
    .dropdown-menu .item:hover {
        background: var(--color-blue);
        color: var(--color-text);
    }
}

Reviews

No reviews yet.