CustomRadarrStylus.user.css

/* ==UserStyle==
@name           Gulletthost Radarr
@namespace      github.com/selene1123
@version        1.0.0
@description    UserStyle for my private Radarr instance
@author         Jamie
==/UserStyle== */
@-moz-document domain("https://radarr.gulletthost.net/") {
    :root {
        --main-bg-color: #303446;

        --modal-bg-color: #292c3c;
        --modal-header-color: #232634;
        --modal-footer-color: #232634;

        --drop-down-menu-bg: #414559;

        --button-color: #414559;
        --button-color-hover: #51576d;
        --button-text: var(--text);
        --button-text-hover: var(--text-hover);

        --accent-color: 238, 190, 190;
        /* Pink */
        --accent-color-hover: rgb(var(--accent-color), 0.8);
        --link-color: var(--text);
        --link-color-hover: #8caaee;
        --label-text-color: #fff;
        /* have to break convention here */
        --primaryColor: #8caaee;
        --successColor: #4cc17a;
        --dangerColor: #e78284;
        --warningColor: #ccba5c;

        --text: #c6d0f5;
        --text-hover: var(--text);
        --text-muted: a5adce;

        /* Specials */
        --arr-queue-color: #a6d189;
        /* Servarr apps + Bazarr */
        --plex-poster-unwatched: #ef9f76;
        --petio-spinner: invert(66%) sepia(15%) saturate(1451%) hue-rotate(185deg) brightness(105%) contrast(96%);
        /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
        /* Blue */
        --gitea-color-primary-dark-4: var(--accent-color);
        --overseerr-gradient: linear-gradient( var(--main-bg-color),
        var(--main-bg-color));
        /* Make sure this is compatible with whatever takes in the gradient */
    }

    /*Toolbars and Nav Menus*/
    .donate {
        visibility: hidden;
    }

    [class*="PageHeader-donate-"]:hover {
        visibility: hidden;
    }

    .PageHeader-donate-FT1Kz {
        visibility: hidden;
    }

    [class*="PageToolbar-toolbar-"] {
        background: var(--transparency-dark-25);
        color: var(--text);
        stroke: #0ca4ff;
        stroke-width: 10px;
        stroke-linejoin: round;
    }

    [class*="PageToolbarButton-toolbarButton-"]:hover {
        color: rgb(var(--accent-color));
        stroke: #b705f7;
        stroke-width: 14px;
    }

    /*Progress Bars*/
    [class*="Label-success-"] {
        border-color: #4cc17a;
        background-color: #4cc17a;
        color: #000;
    }
}