Sonarr v4 by sharkyy

/* ==UserStyle==
@name           Sonarrv4
@namespace      github.com/openstyles/stylus
@version        0.0.2
@description    For Sonarr v4
@author         Shark
==/UserStyle== */
@-moz-document domain("sonarr.37n.local") {
    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400&display=swap');
    /* Insert code here... */
    body {
        background: #0D1116;
        font-family: 'Poppins', sans-serif !important;
    }
    * {
        border-color: #21242C !important;
    }
    /* Top Toolbar and page header */
    .PageHeader-header-yG8lh,
    .PageHeader-header-JYJAc,
    .PageToolbar-toolbar-YMl38 {
        background: #161C23;
        border-bottom: 1px solid #21242C;
    }
    .PageHeader-logoContainer-w6Bht {
        width: 260px;
        flex: 0 0 260px;
        border-right: 1px solid #21242C;
        height: 100%;
        justify-content: center;
        margin-right: 30px;
    }
    .PageSidebar-sidebarContainer-aQa5n,
    .PageSidebar-sidebar-KUJeR {
        background-color: #161C23;
    }
    .PageSidebar-sidebarContainer-aQa5n {
        flex: 0 0 260px;
        border-right: 1px solid #21242C;
    }
    .PageSidebar-sidebar-KUJeR {
        padding: 10px;
    }
    .PageToolbarButton-label-QIVQh {
        color: #FFF;
    }
    .PageToolbarButton-toolbarButton-j8a_b {
        width: auto;
        background: #20262D;
        border-radius: 8px;
        margin: 10px 6px;
        padding: 4px 8px;
    }
    .PageToolbarButton-toolbarButton-j8a_b:hover {
        background: #2A323C
    }
    .PageToolbarButton-toolbarButton-j8a_b svg {
        width: 18px !important;
        margin-top: 2px;
        display: none;
    }
    .PageToolbarSeparator-separator-3quKW {
        border-color: #21242C;
        margin: 10px 4px;
        opacity: 1;
    }
    .PageSidebarItem-isActiveItem-2jsqy {
        border-left: none;
    }
    .PageSidebarItem-isActiveParentLink-pAp3F,
    .PageSidebarItem-item-uOV0R:hover {
        border-radius: 8px;
        background: #20262D;
    }
    .PageSidebarItem-item-uOV0R{
        border-left: none;
    }
    /* Posters */
    .SeriesIndexPoster-content-k8NL8 {
        position: relative;
    }
    .SeriesIndexPoster-posterContainer-MIt6H,
    .SeriesIndexPoster-content-k8NL8,
    .SeriesIndexPoster-content-k8NL8 img,
    .SeriesIndexPoster-link-PqaaO {
        border-radius: 12px;
    }
    .SeriesIndexPoster-content-k8NL8:hover {
        transform: scale(1.08);
        transition: all ease-in-out .1s;
    }
    .SeriesIndexPoster-title-rhAQh,
    .SeriesIndexPoster-ended-DoRfk {
        display: none;
    }
    .MetadataAttribution-attribution-GR45r {
        opacity: 0;
    }
    .SeriesIndexPoster-nextAiring-i0iCO {
        position: absolute;
        bottom: 5px;
        right: 5px;
        border-radius: 6px;
        padding: 0px 6px;
        background: #000;
        color: #fff;
    }
    .ProgressBar-container-VCeFi {
        position: absolute;
        top: 5px;
        right: 5px;
        max-width: 65px !important;
        border-radius: 6px;
    }
    .ProgressBar-container-VCeFi * {
        max-width: 65px !important;
    }
    .SeriesDetails-headerContent-y4QqP {
        background-image: linear-gradient(180deg, rgba(13, 17, 22, 0.19) 26.77%, #0D1116 64.87%) !important;
        align-items: end;
    }
    .SeriesDetails-poster-N61yW {
        border-radius: 12px;
    }
    .SeriesDetails-title-pJv1g {
        font-weight: bold;
        font-family: 'Poppins', sans-serif;
    }
    .Label-large-qZ9AP {
        background: #20262D;
        border-radius: 60px;
        border: none;
        padding: 4px 14px;
    }
    .Label-large-qZ9AP span {
        font-size: 13px;
        margin: 0;
        color: #CCD4DB;
    }
    .Label-large-qZ9AP svg {
        display: none;
    }
    .SeriesDetailsSeason-season-p4C0v {
        background: #161C23;
        border-color: #21242C;
        color: #fff;
    }
    .TableRow-row-lgbLy:hover {
        background: #11161C;
    }
    .SeriesDetailsSeason-season-p4C0v * {
        border-color: #21242C;
    }
    .SeriesDetailsSeason-collapseButtonContainer-r0VQT {
        background: #11161C;
    }
    .TableHeaderCell-headerCell-2wg3X,
    .FormLabel-label-3hyKr {
        font-weight: 300 !important;
        color: #9199A1;
    }
    .TableRow-row-2NoqV .Label-label-35sr8 {
        background: none;
        color: #9199A1;
    }
    .TableRow-row-2NoqV .EpisodeStatus-center-3YXSP {
        justify-content: left;
    }
    .SeriesDetails-details-jRNp_ {
        font-size: 12px;
    }
    /* Modals */
    .ModalContent-modalContent-bdTLe,
    .QualityProfileItem-qualityProfileItem-TEAK6,
    .QualityProfileItemGroup-qualityProfileItemGroup-uZqur {
        background: #161C23;
        border-radius: 12px;
        color: #FFF;
    }
    .ModalContent-modalContent-bdTLe * {
        border-color: #21242C;
    }
    /* Pages */
    .PageContentBody-innerContentBody-PtigL,
    .FieldSet-legend-M8__d,
    .Settings-link-1nMZ_ {
        color: #FFF;
        border-color: #21242C;
    }
    .Settings-summary-3vkWu {
        color: #B5C1CE;
    }
    input,
    .EnhancedSelectInput-enhancedSelect-RG1RD,
    .CheckInput-input-VAM1T,
    .AddNewSeries-searchIconContainer-zWnwc,
    .AddNewSeries-clearLookupButton-lKYyC,
    .SelectInput-select-3G-RY.Input-input-25Gr2,
    .SeriesSearchInput-wrapper-3EBSY {
        background: #222B35 !important;
        border-color: #2E3B49 !important;
        color: #B5C1CE !important;
    }
    input:focus,
    .CheckInput-primaryIsChecked-bUxcU {
        border-color: #566C85 !important;
    }
    .SeriesSearchInput-wrapper-3EBSY {
        padding: 4px 10px;
        border-radius: 8px;
    }
    .SeriesSearchInput-wrapper-3EBSY input {
        border: none;
        font-size: 12px;
    }
    /* Search Results */
    .AddNewSeriesSearchResult-searchResult-2y3MD {
        background: #161C23;
        border-radius: 12px;
        color: #FFF;
        border: 1px solid #21242C;
    }
    .AddNewSeriesSearchResult-underlay-2JxgL, .AddNewSeriesSearchResult-underlay-2JxgL:hover {
        background: none;
    }
    .AddNewSeriesSearchResult-poster-2AiVh {
        border-radius: 12px;
        box-shadow: 0px 10px 10px rgba(0,0,0,.2)
    }
    /* Season Pass */
    .SeasonPassSeason-season-1z-Wa {
        background: #161C23;
    }
    .SeasonPassSeason-episodes-3Ebns {
        background: #1A222C;
        color: #637892;
    }
    .PageContentFooter-contentFooter-33N04 {
        background: #161C23;
        border-top: 1px solid #21242C;
        color: #637892;
        font-weight: 200;
    }
    /* Calendar */
    .CalendarHeader-navigationButtons-T91lU button,
    .CalendarHeader-viewButtonsContainer-M0Wmk button,
    .ModalFooter-modalFooter-wjkx5 button {
        background: #161C23;
        color: #B5C1CE
    }
    .DayOfWeek-dayOfWeek-D4GRS {
        background: #161C23;
        padding: 4px 0;
    }
    .CalendarDay-isToday-E7jSB {
        background: #5D9CEC;
    }
    .CalendarEvent-seriesTitle-QSWzp {
        color: #FFF;
    }
    /* Cards */
    .Card-card-aoesq {
        background: #161C23;
        border: 1px solid #21242C;
        box-shadow: none;
        color: #FFF;
    }
    .Card-card-aoesq:hover, .Label-label-DYldh {
        background: #2A323C 
    }
    .QualityProfile-qualities-XTEvs {
        opacity: .5 
    }
    .QualityProfiles-center-_sP2Z {
        background: #000;
    }
}