Dark theme for Radarr version 3.
/* ==UserStyle== @name Darkarr (for Sonarr v3) @version 01.31.2023 @namespace Wouldn't You Like To Know? @description Dark theme for Radarr version 3. @author peeps with a regex edit from NoahBK @license No License ==/UserStyle== */ @-moz-document regexp("^http://localhost:8989/(.*)$") { /*----------------- COLORS ------------------*/ :root { --color-DarkBG: #272727; /* var(--color-DarkBG) */ --color-DarkBG2: #333333; /* var(--color-DarkBG2) */ --color-White: #D4D4D4; /* var(--color-White) */ --color-Grey: #444444; /* var(--color-Grey) */ --color-Grey2: #707070; /* var(--color-Grey2) */ --color-Scroll: #555555; /* var(--color-Scroll) */ --color-Scroll2: #4a4a4a; /* var(--color-Scroll2) */ } /* Background */ body { background: var(--color-DarkBG); background-color: var(--color-DarkBG); color: var(--color-White); } /* Side Bar */ .PageSidebar-sidebar-20RVF { background-color: var(--color-DarkBG); margin-right: -17px !important; margin-bottom: -17px !important; } .PageSidebarItem-isActiveParentLink-1DcW7 { background-color: var(--color-DarkBG); } .PageSidebarItem-isActiveItem-2jsqy { background-color: var(--color-DarkBG2); } /* Scroll Bar Color */ .OverlayScroller-thumb-1E5mt { background-color: var(--color-Scroll); min-height: 30px; } .OverlayScroller-thumb-1E5mt:hover { background-color: var(--color-Scroll2); } /* Top Bar */ .PageToolbar-toolbar-WwUGV { background-color: var(--color-DarkBG); color: var(--color-White); } .PageToolbarButton-label--Qykn { background-color: var(--color-DarkBG); color: var(--color-White); } .PageHeader-header-JYJAc { background-color: var(--color-DarkBG); color: var(--color-White); } /* Search Box */ .SeriesSearchInput-input-2z4ap { width: 400px; height: 34px; padding: 6px 16px; border: none; border-bottom: 0; border-radius: 4px; background-color: var(--color-Grey); color: #fff; /* Blinking Cursor */ } .SeriesSearchInput-container-nVvVV .SeriesSearchInput-seriesContainer-1rk9B { border: 0px solid #595959; border-radius: 4px; background-color: #333333; color: var(--color-White); } .SeriesSearchInput-highlighted-dGPda { background-color: var(--color-Grey); } /* Search Scroll Bar */ .SeriesSearchInput-container-nVvVV .SeriesSearchInput-seriesContainer-1rk9B::-webkit-scrollbar-thumb { border: 0px solid transparent; background-color: var(--color-Scroll); } .SeriesSearchInput-container-nVvVV .SeriesSearchInput-seriesContainer-1rk9B::-webkit-scrollbar-thumb:hover { border: 0px solid transparent; background-color: var(--color-Scroll2); } /*Series Options Section*/ .ModalContent-modalContent-f33n- { background-color: var(--color-DarkBG); } .ModalBody-innerModalBody-3gO-u { background-color: var(--color-DarkBG); color: var(--color-White); } .ModalFooter-modalFooter-3jawm { background-color: var(--color-DarkBG); color: var(--color-White); } .TableOptionsColumn-column-1ErGH { background-color: var(--color-Grey); color: var(--color-White); } .Scroller-vertical-3bAsi.Scroller-autoScroll-2_rs9 { background-color: var(--color-Grey); } .Scroller-scroller-_8_uO::-webkit-scrollbar-thumb { /* bottom of scroll section*/ background-color: var(--color-Scroll); } .Scroller-scroller-_8_uO::-webkit-scrollbar-thumb:hover { background-color: var(--color-Scroll2); } .Input-input-25Gr2 { background-color: var(--color-DarkBG); color: var(--color-White); } .EnhancedSelectInputOption-option-8Cz3_ { /* Root Folder */ background-color: var(--color-DarkBG); color: var(--color-White); padding: 2px 10px; } .EnhancedSelectInputOption-option-8Cz3_:Hover { background-color: var(--color-Grey); color: var(--color-White); padding: 2px 10px; } .MenuItem-menuItem-Yot4A { background-color: var(--color-Grey); color: var(--color-White); } .MenuItem-menuItem-Yot4A:hover, .MenuItem-menuItem-Yot4A:focus { background-color: #515151; color: var(--color-White); } .SeriesIndexPoster-title-1h3SR { background-color: var(--color-DarkBG); } .SeriesIndexPosterInfo-info-3ahzo { background-color: var(--color-DarkBG); } .SeriesIndexPoster-nextAiring-2nqSB { background-color: #00ccff; color: #272727; } .VirtualTableRow-row-P7KbK:hover { background: var(--color-Grey); } .SeriesIndexOverview-link-3BWTB { color: var(--color-White); } .SeriesIndexOverview-link-3BWTB:hover { color: var(--color-White); } .SeriesIndexOverview-info-2BRE5:hover { background: var(--color-Grey); } /* Custom Filter*/ .TagInput-internalInput-2esEh { /* Movie Tag */ background-color: var(--color-DarkBG); color: var(--color-White); } .FilterBuilderRow-filterRow-3Vivt:hover { background: var(--color-Grey); } .AutoSuggestInput-suggestionsContainerOpen-20zQp .AutoSuggestInput-suggestionsContainer-1tCOW { background-color: var(--color-DarkBG); color: var(--color-White); } .AutoSuggestInput-suggestionHighlighted-2s3WQ { background-color: var(--color-Grey); color: var(--color-White); } /*Custom View*/ .Input-input-25Gr2 { background-color: var(--color-DarkBG); color: var(--color-White); } /*TV Details*/ .SeriesDetailsSeason-season-rsdqF { margin-bottom: 20px; border: 0px solid #e5e5e5; border-radius: 4px; background-color: var(--color-DarkBG); } tr:hover { background-color: var(--color-Grey) !important; color: var(--color-White) !important; } .TableRow-row-2NoqV { transition: background-color .1s; } .SeriesDetailsSeason-episodes-1BN90 { padding-top: 0px; } .SeriesDetailsSeason-header-11IdR { background-color: var(--color-DarkBG2); } .SeriesDetailsSeason-collapseButtonContainer-38tta { background-color: var(--color-DarkBG2); } .Popover-tooltipBody-3C1-B { background-color: var(--color-DarkBG2); } .Popover-title-2n2Xp { background-color: var(--color-DarkBG2); } .AddNewSeriesSearchR###lt-underlay-2JxgL { background-color: var(--color-DarkBG); transition: background .1s; } .AddNewSeriesSearchR###lt-underlay-2JxgL:hover { background-color: var(--color-Grey); transition: background .1s; } .PageContentFooter-contentFooter-33N04 { padding: 10px; background-color: var(--color-DarkBG2); } /* Season Pass*/ .SeasonPassSeason-season-1z-Wa { border: 0px solid var(--color-White); background-color: var(--color-Grey); } .SeasonPassSeason-episodes-3Ebns { background-color: var(--color-Grey2) ; color: var(--color-White) } .SeasonPassSeason-allEpisodes-NZB2W { background-color: #20923c !important; } /*---------------- Calendar ----------------*/ .Button-default-342be { /* Buttons */ background-color: var(--color-DarkBG); color: var(--color-White); } .Button-default-342be:hover { background-color: var(--color-Grey); color: var(--color-White); } .CalendarDay-day-1-M7C:hover { /* Calendar Days */ background-color: var(--color-Grey); color: var(--color-White); } .DayOfWeek-dayOfWeek-1dJna { /* Day of Week */ border-color: #d6d6d6; border: 1px solid; background-color: var(--color-DarkBG); color: var(--color-White); } .CalendarDay-isToday-T00Hr { /* Current Day */ background-color: #1b72e2; color: var(--color-White); } .CalendarEvent-seriesTitle-3nGRY { /* Calendar Text */ color: #1b72e2; } .CalendarEvent-episodeInfo-azFKq { color: var(--color-White); } .CalendarEvent-airTime-3YsgC { color: var(--color-Grey2) ; } .AgendaEvent-date-35W3p { color: var(--color-White); } .AgendaEvent-event-9bQfy:hover { background-color: var(--color-Grey) } /*---------------- Settings ----------------*/ /* Settings */ .Settings-link-1nMZ_ { color: #5d9cec; } .Settings-summary-3vkWu { color: var(--color-White); } /* Media Management */ .FieldSet-legend-2KHms { /* Top Title */ color: var(--color-White); } .NamingOption-token-3DMOs { /* Movie Format ? Mark */ background-color: var(--color-DarkBG); } .NamingOption-option-1V6MO:hover .NamingOption-token-3DMOs { background-color: var(--color-Grey); } .NamingOption-example-39sCU { background-color: var(--color-DarkBG); } .NamingOption-option-1V6MO:hover .NamingOption-example-39sCU { background-color: var(--color-DarkBG); } /* Profiles */ button, [type="button"], [type="reset"], [type="submit"] { border-radius: 4px; } .Card-card-1klRK { border-radius: 4px; background-color: var(--color-Grey); box-shadow: 0 0 0px 0px #e1e1e1; color: var(--color-White); } .QualityProfileItem-qualityNameContainer-1szcr { border-radius: 4px; margin-left: 0px; background-color: var(--color-DarkBG); color: var(--color-White); } .QualityProfileItem-dragHandle-3IfDf { background-color: var(--color-DarkBG); border: 0px none; border-radius: 4px; } .QualityProfileItemGroup-qualityNameContainer-23tt9 { border-radius: 4px; margin-left: 0px; background-color: var(--color-DarkBG); color: var(--color-White); } .QualityProfileItemGroup-dragHandle-2P5uE { background-color: var(--color-DarkBG); border: 0px none; border-radius: 4px; } .QualityProfileItem-qualityProfileItem-OzlTC { border-radius: 4px; background: var(--color-DarkBG); } .QualityProfileItemGroup-qualityProfileItemGroup-1EgkU.QualityProfileItemGroup-editGroups-1P8D0 { background: var(--color-Grey); } /* Quality Circle */ .QualityDefinition-thumb-1w8Jg { top: 4px; z-index: 2!important; width: 6px; height: 12px; border: 1px solid #aaa; border-radius: 3px; background-color: #ccc; text-align: center; cursor: default; } }