🎨 Colored Notifications by phocide

/* ==UserStyle==
@name         🎨 Colored Notiofications
@version      20240505.20.11
@namespace    https://userstyles.world/user/phocide
@description  Стиль меняет цвета уведомлений, чтобы их было легче различать:- Глава стала бесплатной (зеленый)- Глава в платном доступе (красный)- Новая глава (синий)
@author       phocide
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://remanga.org/user/notifications") {
/* Назначение цветов тем */
:root {
    --background-color-paid-dark: #241B1B;
    --border-color-paid-dark: #853434;

    --background-color-free-dark: #202420;
    --border-color-free-dark: #336136;

    --background-color-new-dark: #1E242E;
    --border-color-new-dark: #1E589E;

    --background-color-paid-light: #F0B4B4;
    --border-color-paid-light: #EB4444;

    --background-color-free-light: #B5EBB5;
    --border-color-free-light: #3EC747;

    --background-color-new-light: #BFD0FF;
    --border-color-new-light: #2F8AFA;
}

/* Определение темы */
@media {
    [data-theme=dark] {
        --background-color-new: var(--background-color-new-dark);
        --border-color-new: var(--border-color-new-dark);

        --background-color-free: var(--background-color-free-dark);
        --border-color-free: var(--border-color-free-dark);

        --background-color-paid: var(--background-color-paid-dark);
        --border-color-paid: var(--border-color-paid-dark);
    }
}
@media {
    [data-theme=light] {
        --background-color-new: var(--background-color-new-light);
        --border-color-new: var(--border-color-new-light);

        --background-color-free: var(--background-color-free-light);
        --border-color-free: var(--border-color-free-light);

        --background-color-paid: var(--background-color-paid-light);
        --border-color-paid: var(--border-color-paid-light);
    }
}

/* Глава в платном доступе */
[class^='Notifications_listItem_']:has(b) {
    background-color: var(--background-color-paid);
    border-left: 8px solid var(--border-color-paid);
}

/* Глава стала бесплатной */
[class^='Notifications_listItem_']:not(:has(b)) {
    background-color: var(--background-color-free);
    border-left: 8px solid var(--border-color-free);
}

/* Новая глава */
[class^='Notifications_listItem_']:has(b:first-of-type:last-of-type) {
    background-color: var(--background-color-new);
    border-left: 8px solid var(--border-color-new);
}
}