/* dP dP dP */ /* 88 88 88 */ /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ /* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ /* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ /* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ /* 88 */ /* dP */ /* Made by @gilbN */ /* https://github.com/gilbN/theme.park */ *::-webkit-input-placeholder { color: var(--text-muted) !important; } *:focus::-webkit-input-placeholder { color: var(--text-hover) !important; } /* Firefox < 19 */ *:-moz-placeholder { color: var(--text-muted) !important; } *:focus:-moz-placeholder { color: var(--text-hover) !important; } /* Firefox > 19 */ *::-moz-placeholder { color: var(--text-muted) !important; } *:focus::-moz-placeholder { color: var(--text-hover) !important; } /* Internet Explorer 10 */ *:-ms-input-placeholder { color: var(--text-muted) !important; } *:focus:-ms-input-placeholder { color: var(--text-hover) !important; } :root { --transparency-dark-05: rgba(0, 0, 0, .05); --transparency-dark-10: rgba(0, 0, 0, .10); --transparency-dark-15: rgba(0, 0, 0, .15); --transparency-dark-25: rgba(0, 0, 0, .25); --transparency-dark-35: rgba(0, 0, 0, .35); --transparency-dark-40: rgba(0, 0, 0, .40); --transparency-dark-45: rgba(0, 0, 0, .45); --transparency-dark-50: rgba(0, 0, 0, .50); --transparency-dark-55: rgba(0, 0, 0, .55); --transparency-dark-60: rgba(0, 0, 0, .60); --transparency-dark-65: rgba(0, 0, 0, .65); --transparency-dark-70: rgba(0, 0, 0, .70); --transparency-dark-75: rgba(0, 0, 0, .75); --transparency-dark-80: rgba(0, 0, 0, .80); --transparency-dark-85: rgba(0, 0, 0, .85); --transparency-dark-90: rgba(0, 0, 0, .90); --transparency-light-05: rgba(255, 255, 255, .05); --transparency-light-10: rgba(255, 255, 255, .10); --transparency-light-15: rgba(255, 255, 255, .15); --transparency-light-20: rgba(255, 255, 255, .20); --transparency-light-25: rgba(255, 255, 255, .25); --transparency-light-30: rgba(255, 255, 255, .30); --transparency-light-35: rgba(255, 255, 255, .35); --transparency-light-45: rgba(255, 255, 255, .45); --transparency-light-50: rgba(255, 255, 255, .50); --transparency-light-55: rgba(255, 255, 255, .55); --transparency-light-95: rgba(255, 255, 255, .95); } /* dP dP dP */ /* 88 88 88 */ /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ /* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ /* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ /* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ /* 88 */ /* dP */ /* Made by @gilbN */ /* https://github.com/gilbN/theme.park */ /* dP dP dP */ /* 88 88 88 */ /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ /* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ /* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ /* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ /* 88 */ /* dP */ /* Made by @gilbN */ /* https://github.com/gilbN/theme.park */ :root { --scrollbarBackgroundColor: var(--transparency-light-25) !important; --scrollbarHoverBackgroundColor: var(--transparency-light-35) !important; --linkColor: var(--link-color) !important; --linkHoverColor: var(--link-color-hover) !important; } body { background: var(--main-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; color: var(--text); } *::-webkit-scrollbar-thumb, [class*="-thumb-"]:not([class*="QualityDefinition-thumb-"]) { background-color: var(--transparency-light-25) !important; } *::-webkit-scrollbar-thumb:hover, [class*="-thumb-"]:hover:not([class*="QualityDefinition-thumb-"]) { background-color: var(--transparency-light-35) !important; } /* Froms */ [class*="FormInputHelpText-helpText-"] { color: var(--text); } [class*="FormInputGroup-inputUnit-"] { color: var(--text) !important; } /* LINKS */ [class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]):not([class*="AgendaEvent"]):not([class*="PageHeader-"]) { color: var(--link-color); } [class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover{ color: var(--link-color-hover); } [class*="PageHeader-donate-"]:hover { color: #9c1f30 !important; } [class*="PageHeaderActionsMenu-menuButton-"]:hover { color: var(--link-color-hover); } a { color: var(--link-color); } a:hover { color: var(--link-color-hover); } [class*="TableRowCell-cell-"] [class*="Link-to-"] { color: var(--link-color) !important; } [class*="TableRowCell-cell-"] [class*="Link-to-"]:hover { color: var(--link-color-hover) !important; } /* Buttons */ [class*="Button-default-"] { color: var(--button-text); background-color: var(--button-color); border-color: transparent; } [class*="Button-default-"]:hover { border-color: transparent; background-color: var(--button-color-hover) !important; color: var(--button-text-hover); } [class*="Button-primary-"] { border-color: transparent; background-color: var(--button-color); color: var(--button-text); } [class*="Button-primary-"]:hover { border-color: transparent; background-color: var(--button-color-hover) !important; color: var(--button-text-hover); } [class*="Button-success-"] { border-color: var(--button-color); background-color: var(--button-color); color: var(--button-text); } [class*="Button-success-"]:hover { border-color: var(--button-color-hover); background-color: var(--button-color-hover); color: var(--button-text-hover); } /* LOADING PAGE */ [class*="ErrorPage-page-"], [class*="ErrorPage-version-"], [class*="LoadingMessage-loadingMessage-"] { color: var(--text); } [class*="LoadingIndicator-ripple-"] { border: 2px solid var(--text-hover); } [class*="LoadingPage-page-"] { background: var(--main-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; } /* MODAL */ [class*="ModalHeader-modalHeader-"] { background: var(--modal-header-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; color: var(--text-hover); border-bottom: 1px solid rgb(var(--accent-color)); } [class*="ModalContent-modalContent-"] { background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; color: var(--text); } [class*="ModalFooter-modalFooter-"] { background: var(--modal-footer-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; color: var(--text-hover); border-top: 1px solid rgb(var(--accent-color)); } [class*="ModalContent-closeButton-"]:hover { color: var(--text-hover); } /* INPUT */ [class*="TagInput-internalInput-"] { background-color: transparent; color: var(--text-hover); } [class*="SelectInput-select-"] { background: var(--transparency-dark-25) !important; } [class*="SelectInput-select-"]:active, [class*="SelectInput-select-"]:focus { background: var(--drop-down-menu-bg) !important; } [class*="AutoSuggestInput-suggestionsList-"], [class*="AutoSuggestInput-suggestionsContainerOpen-"] [class*="AutoSuggestInput-suggestionsContainer-"] { background-color: var(--drop-down-menu-bg) !important; color: white; border: none !important; } [class*="AutoSuggestInput-suggestionHighlighted-"] { background: var(--transparency-dark-10); } [class*="CheckInput-primaryIsChecked-"] { border-color: rgb(var(--accent-color)) !important; background-color: rgb(var(--accent-color)) !important; color: var(--label-text-color) !important; } [class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] { background: #fff; } /* HEADER */ [class*="PageHeader-header-"] { background: var(--transparency-dark-35); color: var(--text); box-shadow: none; } /* SEARCH DROPDOWN HEADER */ [class*="PageHeader-donate-"] { color: #c4273c !important; } /* SIDE MENU */ [class*="PageSidebar-sidebarContainer-"] { background: var(--transparency-dark-25); } [class*="PageSidebar-sidebar-"] { background-color: transparent; } [class*="PageSidebarItem-link-"] { color: var(--text-hover) } [class*="PageSidebarItem-link-"]:hover { color: rgb(var(--accent-color)); text-decoration: none; } [class*="PageSidebarItem-isActiveLink-"], [class*="PageSidebarItem-isActiveLink-"]:hover, [class*="PageSidebarItem-link-"]:focus { color: rgb(var(--accent-color)) !important; } [class*="PageSidebarItem-isActiveParentLink-"] { background: var(--transparency-dark-15); } @media only screen and (max-width: 768px) { [class*="PageSidebar-sidebarContainer-"] { background: var(--main-bg-color) !important; background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; } } [class*="PageSidebarItem-isActiveItem-"] { border-left: 3px solid rgb(var(--accent-color)); } #sidebar-toggle-button { color: var(--text); } #sidebar-toggle-button:hover, #sidebar-toggle-button:focus, #sidebar-toggle-button:active { color: var(--text-hover); } /* OVERVIEW PAGE */ [class*="ProgressBar-container-"] { background: var(--transparency-dark-25); } /* ITEM PAGE */ [class*="ExtraFileTableContent-blankpad-"] { color: var(--text); } [class*="ExtraFileTable-container-"] { border: 1px solid transparent; background: var(--transparency-dark-25); } .fa-search:hover { color: var(--text-hover) !important; } [class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) { color: var(--text-hover); } [class*="MonitorToggleButton-toggleButton-"] { color: var(--text-hover); } [class*="ProtocolLabel-torrent-"] { border-color: #00853d !important; background-color: #00853d !important; color: #fff !important; } [class*="ProtocolLabel-usenet-"] { border-color: #17b1d9 !important; background-color: #17b1d9 !important; color: #fff !important; } [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], [class*="SeasonInfo-title-"], [class*="Popover-body-"], [class*="Tooltip-body-"], [class*="Tooltip-tooltipContainer-"], [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] { background: var(--drop-down-menu-bg); color: var(--text-hover); } [class*="Popover-title-"] { background-color: rgba(0, 0, 0, 0.2); border-bottom: rgba(255, 255, 255, 0.2) 1px solid; } /* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], [class*="Popover-title-"], [class*="SeasonInfo-title-"], [class*="Popover-body-"], [class*="Tooltip-body-"], [class*="Tooltip-tooltipContainer-"], [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] { -webkit-backdrop-filter: saturate(1) blur(1.5em); backdrop-filter: saturate(1) blur(1.5em); background: rgb(var(--accent-color),0.05); color: white; } } */ [class*="Tooltip-top-"][class*="Tooltip-inverse-"] { border-top-color: var(--drop-down-menu-bg); } [class*="Tooltip-bottom-"][class*="Tooltip-inverse-"] { border-bottom-color: var(--drop-down-menu-bg); } [class*="Tooltip-bottom-"][class*="Tooltip-default-"] { border-bottom-color: var(--text); } [class*="Tooltip-right-"][class*="Tooltip-default-"] { border-right-color: var(--text); } [class*="IconButton-button-"] { color: var(--text); } [class*="Label-default-"] [class*="IconButton-button-"], [class*="Label-small-"] [class*="IconButton-button-"]:hover { color: var(--label-text-color); } [class*="IconButton-button-"]:hover { background-color: transparent; color: var(--text-hover); } [class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover { background-color: transparent; color: var(--text-hover); } [class*="Label-default-"]:not([class*="MovieDetails-detailsInfoLabel-"]) { border-color: rgb(var(--accent-color)); background-color: rgb(var(--accent-color)); color: var(--label-text-color); } [class*="Label-info-"] { border-color: rgb(var(--accent-color)); background-color: rgb(var(--accent-color)); color: var(--label-text-color); } [class*="QualityProfile-qualities-"] [class*="Label-info-"] { border-color: rgb(var(--accent-color)); background-color: transparent; color: var(--text-hover); } [class*="PageSidebarItem-status-"] [class*="Label-info-"] { border-color: var(--arr-queue-color); background-color: var(--arr-queue-color); color: var(--label-text-color); } [class*="Label-success-"] { border-color: #27c24c; background-color: #27c24c; color: #000; } [class*="Label-disabled-"][class*="Label-outline-"] { color: #000; } [class*="Label-outline-"] { background-color: #999; } [class*="Label-disabled-"] { border-color: #999; background-color: #999; color: #000; } /* Table options*/ [class*="TableOptionsColumn-column-"] { background: var(--transparency-dark-25); color: var(--text-hover); border: none; } [class*="TableHeaderCell-headerCell-"] { color: var(--text-hover); } [class*="Table-table-"] { color: var(--text); } [class*="TableRow-row-"]:hover { background: var(--transparency-dark-10); color: var(--text-hover); } [class*="TableRowCell-cell-"] { border-top: 1px solid var(--transparency-light-25); } [class*="TablePager-records-"] { color: var(--text); } [class*="TablePager-disabledPageButton-"] { color: var(--text-muted); } /* TOP MENU */ [class*="PageToolbar-toolbar-"] { background: var(--transparency-dark-25); color: var(--text); } [class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] { opacity: .5; color: var(--text); } [class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover, [class*="PageToolbarButton-isDisabled-"]:hover { color: var(--text) !important; } [class*="PageToolbarButton-label-"] { color: var(--text); } [class*="PageToolbarButton-toolbarButton-"]:hover { color: rgb(var(--accent-color)); } [class*="MenuButton-menuButton-"]:hover { color: rgb(var(--accent-color)); } /* LIBRARY TOP HEADER DROPDOWN */ [class*="MenuItem-menuItem-"] { color: var(--text); background: 0; } [class*="MenuContent-menuContent-"] { background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; } [class*="MenuContent-scroller-"] { box-shadow: black 0 0 5px 0px; } [class*="MenuItem-menuItem-"]:hover, [class*="MenuItem-menuItem-"]:focus { background: var(--transparency-dark-10) !important; color: var(--text-hover); text-decoration: none; } [class*="MenuItemSeparator-separator-"] { background: var(--transparency-dark-10) !important; } /* ALPHABET JUMP BAR */ [class*="PageJumpBar-jumpBar-"] { color: var(--text-hover); } /* ADD NEW */ [class*="EnhancedSelectInput-options-"], [class*="EnhancedSelectInput-optionsContainer-"] { border-radius: 4px; background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; color: var(--text); } [class*="EnhancedSelectInput-options-"] { border: 1px solid rgba(var(--accent-color)) !important; } [class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"]:hover { background: var(--transparency-light-20) !important; color: var(--text-hover); } [class*="EnhancedSelectInputOption-option-"]:hover { background: var(--transparency-light-10); } [class*="HintedSelectInputOption-hintText-"] { color: var(--text); } [class*="EnhancedSelectInput-optionsModalScroller-"] { border: 1px solid var(--drop-down-menu-bg); border-radius: 4px; background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; color: var(--text); } [class*="EnhancedSelectInput-mobileCloseButton-"] { color: var(--button-text); } [class*="EnhancedSelectInput-mobileCloseButton-"]:hover { color: var(--button-text-hover); } [class*="EnhancedSelectInput-mobileCloseButtonContainer-"] { border-bottom: 1px solid rgba(255, 255, 255, 0.25); } [class*="EnhancedSelectInputOption-isMobile-"] { border-bottom: 1px solid var(--transparency-light-10) !important; } /* INPUT */ [class*="Input-input-"], [class*="CheckInput-isIndeterminate-"] { border: none; background: var(--transparency-light-05); color: var(--text-hover); } [class*="Input-input-"]:focus { outline: 0; border-color: var(--text-hover); box-shadow: none; background: var(--transparency-light-10); } [class*="TagInput-input-"][class*="TagInput-isFocused-"] { outline: 0; border-color: #fff; box-shadow: none; } /* TEXT COLOR */ [class*="PageContentBody-innerContentBody-"], [class*="PageContentBody-contentBody-"], .react-tabs__tab-panel .react-tabs__tab-panel--selected>div { color: var(--text); } /* SEARCH RESULTS */ [class*="SearchResult-title-"]{ color:var(--link-color); } [class*="RootFolderSelectInputSelectedValue-freeSpace-"] { color: var(--text-hover); } [class*="RootFolderSelectInputOption-freeSpace-"] { color: var(--text-muted); } /* IMPORT */ [class*="FieldSet-legend-"], [class*="FieldSet-legend-"][class*="FieldSet-small-"] { color: var(--text-hover); border-bottom: 1px solid rgb(var(--accent-color)); } [class*="VirtualTableRow-row-"]:hover { background: var(--transparency-dark-05); } /*Title*/ [class*="PageJumpBarItem-jumpBarItem-"]:hover { color: var(--text-hover); background: var(--transparency-dark-10); } /* MASS EDITOR */ /* FOOTER */ [class*="PageContentFooter-contentFooter-"] { border: none; background: var(--transparency-dark-25); color: var(--text-hover); } /* CALENDAR */ [class*="CircularProgressBar-circularProgressBarContainer-"] svg circle { stroke: #fff; } [class*="DayOfWeek-dayOfWeek-"] { background: var(--transparency-dark-10); color: var(--text-hover); } [class*="CalendarDay-dayOfMonth-"] { border-bottom: 1px solid hsla(0, 0%, 100%, .08); background: var(--transparency-dark-25); } [class*="CalendarDay-isToday-"], [class*="DayOfWeek-isToday-"] { background: var(--transparency-light-25) !important; } [class*="CalendarDay-day-"], [class*="CalendarDays-days-"] { -webkit-box-flex: 1; -webkit-flex: 1 0 14.28%; flex: 1 0 14.28%; overflow: hidden; min-height: 70px; border-bottom: 1px solid hsla(0, 0%, 100%, .08); border-left: 1px solid hsla(0, 0%, 100%, .08); border-right: 1px solid hsla(0, 0%, 100%, .08); color: var(--text-hover); } [class*="CalendarEvent-link-"], [class*="Legend-legend-"] [class*="LegendItem-legendItem-"] { color: #fff !important; } [class*="CalendarEvent-event-"] { border-bottom: 1px solid transparent; } [class*="CalendarEventGroup-eventGroup-"] { border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; } [class*="LegendItem-missingMonitoredColorImpaired-"], [class*="LegendItem-missingUnmonitoredColorImpaired-"] { background: transparent; } /* calendar agenda */ [class*="AgendaEvent-event-"]:hover { background: var(--transparency-dark-10) !important; } [class*="AgendaEvent-event-"] { border-bottom: 1px solid var(--transparency-light-25); } /* SETTINGS */ [class*="Settings-link-"] { color: var(--text-hover); border-bottom: 1px solid rgb(var(--accent-color)); } [class*="Settings-summary-"] { color: var(--text); } [class*="FormLabel-large-"] { color: var(--text-hover); } [class*="FormLabel-isAdvanced-"] { color: #ff902b; } /* SETTINGS - Tags */ [class*="AutoTaggings-center-"], [class*="EditAutoTaggingModalContent-center-"] { border: 1px solid transparent; background-color: transparent; } /* MEDIA MANAGEMENT - FILE NAME TOKENS */ [class*="NamingOption-small-"] { border: 1px solid transparent; } [class*="NamingOption-token-"] { background: var(--transparency-light-15); } [class*="NamingOption-example-"] { background: var(--transparency-light-25); } [class*="NamingOption-option-"] { border: 1px solid transparent; } [class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { background: var(--transparency-dark-25); } [class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { background: var(--transparency-dark-35); } /* PROFILES */ [class*="Card-card-"], [class*="QualityProfiles-addQualityProfile-"] { background: var(--transparency-dark-45); box-shadow: 0 0 10px 1px #000000; color: var(--text); } [class*="-cloneButton-"][class*="IconButton-button-"]:hover { color: var(--text-hover); } [class*="Card-card-"]:hover, [class*="Applications-center-"]:hover { color: var(--text-hover); } [class*="QualityProfiles-center-"], [class*="LanguageProfiles-center-"], [class*="ReleaseProfiles-center-"], [class*="MetadataProfiles-center-"], [class*="RootFolders-center-"], [class*="Applications-center-"], [class*="AppProfiles-center-"] { background-color: transparent; border: none; } [class*="RootFolders-center-"] { border: 1px solid transparent; } [class*="QualityProfileItem-qualityProfileItem-"], [class*="QualityProfileItemGroup-qualityProfileItemGroup-"], [class*="LanguageProfileItem-languageProfileItem-"] { border: none; background: var(--transparency-dark-25); color: var(--text-hover); } [class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { background: var(--transparency-dark-25) } [class*="KeyValueListInputItem-keyInput-"], [class*="KeyValueListInputItem-valueInput-"] { border: none; background: transparent; color: var(--text-hover); } [class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { border: 1px solid transparent; background: var(--transparency-dark-25) } [class*="QualityDefinitions-sizeLimitHelpText-"] { color: var(--text); } [class*="QualityDefinition-qualityDefinition-"] { border-top: 1px solid var(--transparency-light-25); } [class*="DelayProfile-delayProfile-"] { border-bottom: 1px solid rgb(var(--accent-color)); } /* INDEXSERS */ [class*="Indexers-center-"] { background-color: transparent; border: none; } [class*="Restrictions-center-"] { border: 1px solid transparent; background-color: transparent; } /* DOWNLOAD CLIENTS */ [class*="DownloadClients-center-"] { background-color: transparent; border: none; } /* CONNECTIONS */ [class*="Notifications-center-"] { background-color: transparent; border: none; } /* LISTS */ [class*="ImportLists-center-"] { background-color: transparent; border: none; } /* LOG */ [class*="Alert-info-"] { border-color: transparent; background: var(--transparency-dark-25); color: #FFC107; } /* LISTS */ [class*="NetImports-center-"] { border: 1px solid transparent; background-color: transparent; } /* CUSTOM FORMAT */ [class*="CustomFormats-center-"], [class*="EditCustomFormatModalContent-center-"] { border: 1px solid transparent; background-color: transparent; } /* Login Page */ .panel-body { background: var(--transparency-dark-25); color: var(--text); } .panel-header { background: var(--transparency-dark-45); } .forgot-password { color: var(--text) !important; } input[type=email], input[type=password] { border: none; background: var(--transparency-light-10); color: var(--text-hover); } .button { border-color: var(--button-color); background-color: var(--button-color); cursor: pointer; } .button:hover { border-color: var(--button-color-hover); background-color: var(--button-color-hover); color: var(--button-text-hover); text-decoration: none; } .form-input:focus { outline: 0; border-color: var(--text-hover); box-shadow: none; background: var(--transparency-light-25); } /* Custom filter */ [class*="FilterBuilderRow-filterRow-"]:hover { background-color: transparent; } [class*="CustomFilter-customFilter-"]:hover { background: var(--transparency-dark-10); } /* Updates */ [class*="Updates-info-"]{ border-bottom: 1px solid rgb(var(--accent-color)); } :root { --calendar-in-cinemas: 53 197 244; --calendar-downloading: 122 67 182; --calendar-unmonitored: 173 173 173; --calendar-unaired: 93 156 236; --calendar-missing: 240 80 80; --calendar-missing-unmonitored: 255 165 0; --calendar-available: 39 194 76; } [class*="MovieSearchInput-sectionTitle-"] { color: var(--text-hover); } [class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] { border: none !important; background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; color: var(--text-hover) !important; box-shadow: 0 0 10px 1px transparent !important; } [class*="MovieSearchInput-highlighted-"] { background: var(--transparency-dark-10); } /* MOVIES PAGE */ [class*="MovieIndexPoster-controls-"] { background-color: rgb(var(--accent-color)) !important; } [class*="MovieTitlesTableContent-blankpad-"], [class*="MovieHistoryTableContent-blankpad-"] { color: var(--text); } /* OVERVIEW PAGE */ [class*="MovieIndexOverviews-container-"], [class*="MovieIndexOverviews-container-"]:hover { background-color: transparent !important; } [class*="MovieIndexOverview-container-"]:hover [class*="MovieIndexOverview-content-"] { background-color: transparent; } [class*="AddListMovieOverview-container-"]:hover [class*="AddListMovieOverview-content-"] { background: var(--transparency-light-10); } [class*="AddListMoviePoster-title-"] { background: var(--transparency-light-10); } [class*="MovieIndexOverview-content-"]:hover { background: var(--transparency-dark-10) !important; } [class*="MovieIndexOverview-link-"]:hover { text-decoration: none; } /* MOVIE PAGE */ [class*="MovieDetailsSeason-season-"], [class*="MovieDetailsSeason-collapseButtonContainer-"] { border: none !important; background: var(--transparency-dark-25) !important; } [class*="MovieDetailsSeason-actionButton-"], [class*="MovieDetailsSeason-collapseButtonIcon-"] { color: var(--text) !important; } [class*="MovieFileStatus-missing"].colorImpaired { background: transparent; } [class*="MovieDetailsSeason-seasonNumber-"] { color: var(--text-hover); } [class*="MovieDetailsSeason-collapseButtonContainer-"] { border: none !important; background: var(--transparency-dark-25) !important; } [class*="MovieFileEditorTable-container-"], [class*="MovieHistoryTable-container-"], [class*="MovieTitlesTable-container-"] { border: 1px solid transparent; background: var(--transparency-dark-25); } /* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], [class*="Popover-title-"], [class*="SeasonInfo-title-"], [class*="Popover-body-"], [class*="Tooltip-body-"], [class*="Tooltip-tooltipContainer-"], [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] { -webkit-backdrop-filter: saturate(1) blur(1.5em); backdrop-filter: saturate(1) blur(1.5em); background: rgb(var(--accent-color),0.05); color: white; } } */ [class*="MovieDetails-selectedTab-"] { border-bottom: 4px solid rgb(var(--accent-color)); } [class*="MovieDetails-tabList-"] { color: var(--text-hover); } /* POSTERS */ [class*="MovieIndexPoster-title-"], [class*="MovieIndexPoster-nextAiring-"], [class*="MovieIndexPosterInfo-info-"], [class*="MovieIndexPosterInfo-info-"], [class*="MovieCreditPoster-title-"] { background: var(--transparency-light-10); color: var(--text-hover); } /* SEARCH BAR */ [class*="AddNewMovie-searchIconContainer-"] { border: none; background: var(--transparency-light-10); color: var(--text-hover); } [class*="MovieSearchInput-container-"] [class*="Input-input-"] { background: transparent; border-bottom: solid 1px var(--text); } [class*="MovieSearchInput-container-"] [class*="Input-input-"]:focus { border-bottom: none; background: transparent; } [class*="MovieSearchResult-alternateTitle-"] { color: var(--text-hover); font-size: 12px; } [class*="AddNewMovieSearchResult-year-"] { color: var(--text-hover) !important; } /* SEARCH RESULTS */ [class*="AddNewMovieSearchResult-searchResult-"], [class*="AddNewMovieSearchResult-underlay-"] { background-color: transparent !important; } [class*="AddNewMovieSearchResult-searchResult-"]:hover, [class*="AddNewMovieSearchResult-underlay-"]:hover { background: var(--transparency-dark-10) !important; } [class*="AddNewmovieModalContent-year-"] { color: var(--text-hover); } [class*="RootFolderSelectInputSelectedValue-movieFolder-"] { color: var(--text-hover); } [class*="RootFolderSelectInputOption-movieFolder-"] { color: var(--text-muted); } /* Drop down menu/button*/ [class*="ImportMovieSelectMovie-button-"] { border: none !important; background: var(--transparency-dark-25) !important; } [class*="ImportMovieSelectMovie-content-"], [class*="ImportMovieSelectMovie-searchIconContainer-"] { border: none; background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; color: var(--text-hover); } [class*="ImportMovieSearchResult-movie-"]:hover { background: var(--transparency-light-10); } [class*="ImportMovieTitle-year-"] { color: var(--text-muted); } /* DISCOVER */ [class*="DiscoverMovieOverview-link-"] { color: var(--text); } [class*="DiscoverMovieOverview-link-"]:hover { color: var(--text-hover); text-decoration: none; } [class*="DiscoverMoviePoster-title-"], [class*="DiscoverMoviePosterInfo-info-"] { background: var(--transparency-light-10); color: var(--text-hover); } /*Title*/ [class*="AddListMovieOverview-link-"] { color: var(--text); } [class*="AddListMovieOverview-link-"]:hover { color: var(--text-hover); } [class*="AddListMovieOverview-content-"]:hover { background: var(--transparency-dark-10) !important; } /*Posters*/ [class*="AddListMoviePoster-title-"] { background: var(--transparency-light-10); color: var(--text-hover); } [class*="CalendarEvent-movieTitle-"], [class*="CalendarEvent-movieInfo-"] { color: #fff !important; } [class*="CalendarEventGroup-movieTitle-"] { color: var(--text-hover) !important; } [class*="CalendarEvent-missingMonitored-"].colorImpaired { background: var(--transparency-light-15); } /* Color Impaired Mode */ [class*="CalendarEvent-missing-"].colorImpaired, [class*="CalendarEvent-missingMonitored-"].colorImpaired { background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing) / .2), rgb(var(--calendar-missing) / .2) 5px, rgb(var(--calendar-missing) / .4) 5px, rgb(var(--calendar-missing) / .4) 10px) !important; } [class*="CalendarEvent-missingUnmonitored-"].colorImpaired { background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing-unmonitored) / .2), rgb(var(--calendar-missing-unmonitored) / .2) 5px, rgb(var(--calendar-missing-unmonitored) / .4) 5px, rgb(var(--calendar-missing-unmonitored) / .4) 10px) !important; } /* Custom filter */ [class*="SelectMovieModalContent-path-"] { color: var(--text); } /* Zero DIY material / typography / interaction tokens. Native status colors stay semantic. */ :root { color-scheme: dark; --hh-bg:#111113; --hh-glass:rgba(27,27,30,.76); --hh-deep:rgba(6,6,7,.60); --hh-border:rgba(255,255,255,.12); --hh-text:#f0f0f2; --hh-muted:#a1a1ab; --hh-amber:#facc15; --hh-wash:rgba(250,204,21,.14); --main-bg-color:transparent; --modal-bg-color:#242428; --modal-header-color:#242428; --modal-footer-color:#242428; --drop-down-menu-bg:#242428; --button-color:#956000; --button-color-hover:#b47a00; --button-text:#fff; --button-text-hover:#fff; --accent-color:250,204,21; --accent-color-hover:#facc15; --link-color:#facc15; --link-color-hover:#fff; --label-text-color:#1c1206; --text:#f0f0f2; --text-hover:#fff; --text-muted:#a1a1ab; --transparency-dark-10:rgba(6,6,7,.1); --transparency-dark-25:rgba(6,6,7,.25); --transparency-dark-35:rgba(6,6,7,.35); --transparency-dark-45:rgba(6,6,7,.45); --transparency-dark-50:rgba(6,6,7,.5); --transparency-dark-55:rgba(6,6,7,.55); --transparency-dark-65:rgba(6,6,7,.65); --transparency-dark-75:rgba(6,6,7,.75); --transparency-light-05:rgba(255,255,255,.05); --transparency-light-10:rgba(255,255,255,.07); --transparency-light-15:rgba(255,255,255,.10); --transparency-light-25:rgba(255,255,255,.14); --transparency-light-35:rgba(255,255,255,.20); --transparency-light-45:rgba(255,255,255,.25); --arr-queue-color:#34d399; --plex-poster-unwatched:#facc15; } html {background:var(--hh-bg)!important} body {background:transparent!important;color:var(--hh-text)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important} #homehub-theme-root {position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden} .hh-theme-background,.hh-theme-frost,.ferrofluid-container {position:absolute;inset:0;width:100%;height:100%} .hh-theme-background {background:radial-gradient(ellipse at 85% 0%,#20222a 0%,transparent 65%),#101115} .ferrofluid-container canvas {display:block;width:100%;height:100%} .hh-theme-frost {background:rgba(17,17,19,.38);backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%)} body>#root,body>#plex,body>#app,body>#pageWrapper {position:relative;z-index:1} :where(button,a,[role=button],input,select,textarea) {transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,color 160ms ease,transform 160ms ease} :where(button,[role=button]):not(:disabled):active {transform:translateY(1px)} :where(button,a,input,select,textarea,[role=button]):focus-visible {outline:2px solid var(--hh-amber)!important;outline-offset:3px} input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select {background-color:rgba(36,36,40,.92)!important;color:var(--hh-text)!important;border-color:var(--hh-border)!important} /* Servarr CSS modules: preserve native layout and every original event handler. */ [class*="PageContent-content-"] {background:transparent!important} [class*="PageHeader-header-"],[class*="PageToolbar-toolbar-"],[class*="PageSidebar-sidebar-"] { background:var(--hh-deep)!important;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);border-color:var(--hh-border)!important; } [class*="PageToolbar-toolbar-"] {background:rgba(27,27,30,.70)!important;border-bottom:1px solid var(--hh-border)} [class*="PageSidebarItem-isActiveLink-"] {background:var(--hh-wash)!important;color:var(--hh-amber)!important;box-shadow:inset 3px 0 var(--hh-amber)} [class*="PageSidebarItem-link-"]:hover {background:rgba(255,255,255,.07)!important} [class*="ModalContent-modalContent-"] {background:var(--hh-glass)!important;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--hh-border);border-radius:16px!important;box-shadow:0 24px 80px #0007} [class*="ModalHeader-header-"],[class*="ModalFooter-footer-"] {background:rgba(36,36,40,.86)!important;border-color:var(--hh-border)!important} [class*="MovieIndexPoster-content-"],[class*="SeriesIndexPoster-content-"],[class*="ArtistIndexPoster-content-"] {border-radius:10px;overflow:hidden;background:var(--hh-glass)!important} [class*="MovieIndexPoster-content-"]:hover,[class*="SeriesIndexPoster-content-"]:hover {box-shadow:0 0 0 1px #facc1560,0 12px 28px #0004} [class*="TableRow-row-"]:hover {background:rgba(250,204,21,.05)!important} /* Bazarr Mantine */ .mantine-AppShell-main {background:transparent!important} .mantine-AppShell-navbar,.mantine-AppShell-header {background:var(--hh-deep)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:var(--hh-border)!important} .mantine-Paper-root,.mantine-Modal-content,.mantine-Popover-dropdown {background:var(--hh-glass)!important;color:var(--hh-text)!important;border-color:var(--hh-border)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)} .mantine-NavLink-root[data-active] {background:var(--hh-wash)!important;color:var(--hh-amber)!important} /* Stash Bootstrap; styling only, no media operations. */ body.hh-stash #root {background:transparent!important} body.hh-stash .navbar,body.hh-stash .bg-dark {background:var(--hh-deep)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)} body.hh-stash .card,body.hh-stash .modal-content,body.hh-stash .dropdown-menu {background:var(--hh-glass)!important;border:1px solid var(--hh-border)!important;border-radius:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)} body.hh-stash .btn-primary {background:#956000!important;border-color:#956000!important} body.hh-stash .nav-link.active {color:var(--hh-amber)!important;background:var(--hh-wash)!important} /* qBittorrent native MooTools */ #desktop {background:transparent!important} #desktopHeader,#desktopFooter,#toolbar,#filtersColumn,#torrentsFilter {background:var(--hh-deep)!important;color:var(--hh-text)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:var(--hh-border)!important} #transferList,.dynamicTable,.mocha,.mochaContent {background:var(--hh-glass)!important;color:var(--hh-text)!important} .dynamicTable tr.selected,.selectedFilter {background:var(--hh-wash)!important;color:var(--hh-amber)!important} /* Plex local Web only; hosted Plex and Apple TV own their own interface. */ [class*="NavBar-container"],[class*="Sidebar-container"] {background:var(--hh-deep)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)} [class*="App-container"],[class*="Page-page"],[class*="Page-content"] {background:transparent!important} /* PeerBanHelper Arco */ .arco-layout,.arco-layout-content {background:transparent!important} .arco-layout-header,.arco-layout-sider,.arco-menu {background:var(--hh-deep)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)} .arco-card,.arco-modal,.arco-table-th,.arco-table-td {background:var(--hh-glass)!important;border-color:var(--hh-border)!important;color:var(--hh-text)!important} .arco-menu-selected {background:var(--hh-wash)!important;color:var(--hh-amber)!important} @media (prefers-reduced-motion:reduce) { :where(button,a,[role=button],input,select,textarea) {transition:none!important} :where(button,[role=button]):active {transform:none!important} } @media (prefers-reduced-transparency:reduce),(prefers-contrast:more) { :root {--hh-glass:#242428;--hh-deep:#111113;--hh-border:#71717a} .hh-theme-frost {background:#111113;backdrop-filter:none;-webkit-backdrop-filter:none} [class*="PageHeader-header-"],[class*="PageToolbar-toolbar-"],[class*="PageSidebar-sidebar-"],.mantine-Paper-root,.mantine-AppShell-navbar,.mantine-AppShell-header,.card,.navbar,.modal-content,.arco-card {backdrop-filter:none!important;-webkit-backdrop-filter:none!important} } /* Native sign-in surfaces receive the same material as the authenticated app. */ body.hh-radarr .container,body.hh-sonarr .container,body.hh-lidarr .container,body.hh-prowlarr .container,body.hh-whisparr .container,body.hh-qbittorrent #main {position:relative;z-index:1} body[class*="hh-"] .panel,body[class*="hh-"] .panel-default {background:var(--hh-glass)!important;border:1px solid var(--hh-border)!important;border-radius:16px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden} body[class*="hh-"] .panel-heading {background:rgba(6,6,7,.55)!important;border-color:var(--hh-border)!important} body[class*="hh-"] .btn-primary,body.hh-qbittorrent #loginButton {background:#956000!important;border-color:#956000!important;color:#fff!important} body.hh-qbittorrent #main {background:var(--hh-glass)!important;border:1px solid var(--hh-border);border-radius:20px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:28px} #homehub-theme-frame {position:fixed;inset:0;width:100%;height:100%;border:0;z-index:0;pointer-events:none} body.hh-qbittorrent #desktop {position:relative;z-index:1} html:has(body.hh-qbittorrent) { --color-accent-blue:#c9a227!important;--color-text-blue:#facc15!important;--color-text-default:#f0f0f2!important; --color-background-primary:rgba(17,17,19,.50)!important;--color-background-blue:rgba(250,204,21,.18)!important; --color-background-popup:#242428!important;--color-background-default:rgba(255,255,255,.035)!important; --color-background-hover:rgba(250,204,21,.12)!important;--color-border-default:rgba(255,255,255,.12)!important; } body.hh-qbittorrent .dynamicTableDiv,body.hh-qbittorrent .panel {background:rgba(27,27,30,.66)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} body.hh-peerbanhelper {--color-text-1:#f0f0f2;--color-text-2:#c4c4cd;--color-text-3:#a1a1ab;--color-bg-1:#111113;--color-bg-2:#242428;--color-bg-3:#303035;--color-bg-4:#303035;--color-fill-1:#242428;--color-fill-2:#303035;--color-fill-3:#3b3b41;--color-border-1:#38383e;--color-border-2:#51515a;--primary-6:201,162,39;--primary-5:224,187,82} body.hh-peerbanhelper .arco-typography,body.hh-peerbanhelper .arco-form-item-label,body.hh-peerbanhelper .arco-checkbox-label {color:var(--hh-text)!important} body.hh-peerbanhelper .arco-btn-primary {background:#956000!important;border-color:#956000!important;color:#fff!important} body.hh-peerbanhelper .login-page {background:transparent!important} /* Bazarr's native Auto mode can select light Mantine tokens; theme all reading surfaces. */ html:has(body.hh-bazarr) {--mantine-color-body:#111113!important;--mantine-color-text:#f0f0f2!important;--mantine-color-dimmed:#a1a1ab!important;--mantine-color-default:#242428!important;--mantine-color-default-hover:#303035!important;--mantine-color-default-border:#38383e!important} body.hh-bazarr div:has(>table.mantine-Table-table) {background:var(--hh-glass)!important;border:1px solid var(--hh-border);border-radius:12px;overflow:auto;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)} body.hh-bazarr .mantine-Table-th {background:rgba(6,6,7,.50)!important;color:var(--hh-text)!important;border-color:var(--hh-border)!important} body.hh-bazarr .mantine-Table-tr {background:transparent!important;color:var(--hh-text)!important;border-color:var(--hh-border)!important} body.hh-bazarr .mantine-Table-tr:nth-child(odd) {background:rgba(255,255,255,.035)!important} body.hh-bazarr .mantine-Table-tr:hover {background:var(--hh-wash)!important} body.hh-bazarr .mantine-Table-td {color:var(--hh-text)!important;border-color:var(--hh-border)!important} /* DSH v2: a full native workspace, with Zero's material hierarchy and pointer light. */ :root {--hh-glass:rgba(26,28,33,.84);--hh-deep:rgba(14,15,19,.90);--hh-border:rgba(255,255,255,.10);--hh-ease:cubic-bezier(.22,1,.36,1)} body {font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Segoe UI",sans-serif!important;font-size:14px} .hh-theme-frost {background:rgba(16,17,21,.52);backdrop-filter:blur(42px) saturate(75%);-webkit-backdrop-filter:blur(42px) saturate(75%)} .hh-theme-background:after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,#0c0d1066);pointer-events:none} /* Air between the shell, navigation and main work surface. Native flex/scroll stay intact. */ [class*="Page-page-"] {padding:16px;gap:16px} [class*="PageHeader-header-"] {height:64px!important;min-height:64px;flex-shrink:0;border:1px solid var(--hh-border);border-radius:18px;box-shadow:inset 0 1px 0 #ffffff08,0 8px 32px #0002} [class*="Page-main-"] {gap:16px;min-height:0} [class*="PageSidebar-sidebarContainer-"] {width:204px!important;flex-basis:204px!important;flex-shrink:0;border:0!important;border-radius:14px;overflow:hidden;background:rgba(20,21,26,.94)!important;box-shadow:none!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} [class*="PageSidebar-sidebar-"] {padding:16px 12px!important;width:100%!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} [class*="PageSidebarItem-item-"] {border:0!important} [class*="PageSidebarItem-link-"] {position:relative;margin:2px 0;border-radius:8px;padding:11px 12px!important;min-height:40px;font-weight:450;font-size:13px;letter-spacing:0;color:#b5b7c0!important;border:0!important;transition:background .18s ease,color .18s ease} [class*="PageSidebarItem-link-"]:hover {transform:none!important;color:#f0f0f2!important;background:#ffffff06!important} [class*="PageSidebarItem-childLink-"] {padding:9px 12px 9px 35px!important;min-height:32px;color:#898d98!important;font-size:12px;font-weight:400} [class*="PageSidebarItem-isActiveParentLink-"] {background:transparent!important} [class*="PageSidebarItem-isActiveLink-"] {box-shadow:none!important;border:0!important;background:rgba(255,255,255,.055)!important;color:#f0f0f2!important;font-weight:550} [class*="PageSidebarItem-isActiveLink-"]:before {content:"";position:absolute;left:0;top:calc(50% - 6px);height:12px;width:2px;border-radius:2px;background:#d4b56b;box-shadow:none} [class*="PageSidebarItem-iconContainer-"] {color:#7e838e!important;font-size:13px!important;margin-right:10px!important} [class*="PageSidebarItem-isActiveLink-"] [class*="iconContainer"] {color:#d4b56b!important} [class*="PageContent-content-"] {border:1px solid var(--hh-border);border-radius:22px;min-width:0;overflow:hidden;background:rgba(19,20,24,.74)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #ffffff06,0 20px 80px #0002} [class*="PageHeader-logoContainer-"] {width:230px!important;padding-left:24px} [class*="PageHeader-logoLink-"] {position:relative;display:flex;align-items:center;width:190px;height:42px} [class*="PageHeader-logoLink-"]:before {content:"◇";font-size:32px;line-height:1;color:#facc15;filter:drop-shadow(0 0 9px #c9a22760);margin-right:10px} [class*="PageHeader-logoLink-"]:after {content:"HOME CINEMA";font-size:12px;font-weight:650;letter-spacing:.16em;color:#e9e6dc} [class*="PageHeader-logoFull-"],[class*="PageHeader-logoSmall-"] {display:none!important} [class*="PageHeader-right-"] {padding-right:20px;gap:8px} [class*="MovieSearchInput-container-"],[class*="SeriesSearchInput-container-"],[class*="ArtistSearchInput-container-"] {max-width:380px} [class*="SearchInput-input-"] {height:36px!important;border-radius:10px!important;padding-left:12px!important;border:1px solid #ffffff0d!important;background:#ffffff06!important} /* The heading reads existing native poster data, and links to original detail pages. */ .hh-heading-host {flex:0 0 auto;min-width:0} .hh-heading {display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 32px 24px;min-height:210px;border-bottom:1px solid #ffffff08;position:relative} .hh-heading-copy {min-width:0;flex:1} .hh-eyebrow {display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.5;letter-spacing:.18em;font-weight:600;color:#b8ab82} .hh-diamond {color:#facc15;font-size:18px;line-height:12px} .hh-eyebrow-divider {height:9px;width:1px;background:#e0bb5240;margin:0 3px} .hh-heading h1 {font-size:36px;line-height:1.15;font-weight:550;letter-spacing:-.045em;color:#f0f0f2;margin:13px 0 10px} .hh-heading-dot {color:#e0bb52;padding-left:3px} .hh-heading p {font-size:12px;line-height:1.8;color:#aaa7a2;margin:0 0 20px;letter-spacing:.035em} .hh-service-nav {display:flex;gap:5px;flex-wrap:wrap} .hh-service-nav a {font-size:11px;text-decoration:none!important;border-radius:7px;padding:7px 10px;border:1px solid #ffffff08;background:#ffffff04;color:#aaa7a2;display:flex;gap:12px;align-items:center} .hh-service-nav a span {opacity:.4;font-size:11px} .hh-service-nav a:hover {color:#eee!important;border-color:#e0bb5240;background:#ffffff0a;transform:translateY(-1px)} .hh-service-nav a.hh-service-active {color:#e0bb52!important;background:#c9a22712;border-color:#c9a22730} .card-spotlight {position:relative;border:1px solid #ffffff12;background:#1b1b1e;overflow:hidden;border-radius:18px;--mouse-x:50%;--mouse-y:50%;--spotlight-color:rgba(250,204,21,.2)} .card-spotlight:before {content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:2} .card-spotlight:hover:before,.card-spotlight:focus-within:before {opacity:.6} .hh-feature {width:330px;height:164px;flex-shrink:0;box-shadow:0 12px 40px #0004,inset 0 1px 0 #fff1} .hh-feature-art {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;opacity:.7;filter:saturate(.7)} .hh-feature-shade {position:absolute;inset:0;background:linear-gradient(90deg,#111113ed,#11111366 80%),linear-gradient(0deg,#11111380,transparent)} .hh-feature-copy {position:relative;z-index:3;padding:23px 24px;max-width:95%} .hh-feature .hh-eyebrow {font-size:8px;letter-spacing:.19em;color:#dbcb9c} .hh-feature h2 {font-size:20px;line-height:1.25;letter-spacing:-.02em;margin:12px 0 16px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#f5f2e9} .hh-feature-link {color:#efe9d7!important;font-size:11px;border-bottom:1px solid #e0bb5260;padding-bottom:4px;text-decoration:none!important;display:inline-flex;gap:20px} /* Make the old stacked utility icons into a compact glass command strip. */ [class*="PageToolbar-toolbar-"] {height:auto!important;min-height:60px;padding:10px 16px!important;gap:8px;background:#ffffff03!important;border-bottom:1px solid #ffffff09;flex-shrink:0;flex-wrap:wrap;box-shadow:inset 0 1px 0 #ffffff03} [class*="PageToolbarSection-section-"] {gap:6px;align-items:center} [class*="PageToolbarButton-toolbarButton-"],[class*="ToolbarMenuButton-menuButton-"] {display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:7px;min-width:0!important;width:auto!important;height:36px!important;padding:8px 10px!important;border-radius:9px!important;border:1px solid #ffffff0b!important;background:linear-gradient(160deg,#ffffff08,#ffffff02)!important;box-shadow:inset 0 1px 0 #ffffff05;color:#c4c4cd!important} [class*="PageToolbarButton-toolbarButton-"]:hover,[class*="ToolbarMenuButton-menuButton-"]:hover {background:#c9a22714!important;border-color:#e0bb5250!important;color:#e0bb52!important;box-shadow:0 0 16px #c9a2270a,inset 0 1px 0 #ffffff10} [class*="PageToolbarButton-labelContainer-"] {margin:0!important;padding:0!important;max-width:none!important} [class*="PageToolbarButton-label-"] {font-size:10px!important;line-height:14px!important;font-weight:500;white-space:nowrap} [class*="PageToolbarButton-toolbarButton-"] svg,[class*="ToolbarMenuButton-menuButton-"] svg {font-size:13px!important} [class*="PageToolbarSeparator-separator-"] {height:20px!important;margin:0 3px!important;border-color:#ffffff10!important} /* Poster geometry belongs to the native virtual grid; effects never change its dimensions. */ [class*="IndexPoster-content-"] {position:relative;border-radius:12px!important;box-shadow:0 8px 22px #0005,0 0 0 1px #ffffff16;transition:transform .35s var(--hh-ease),box-shadow .35s ease;background:rgba(36,36,40,.7)!important} [class*="IndexPoster-content-"]:hover,[class*="IndexPoster-content-"]:focus-within {transform:translateY(-5px);box-shadow:0 18px 32px #0006,0 0 0 1px #e0bb5260} [class*="IndexPoster-content-"]:after,.hh-stash .card:after,.arco-card:after {content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(240px circle at var(--hh-pointer-x,50%) var(--hh-pointer-y,0),#facc1525,transparent 80%);opacity:0;pointer-events:none;transition:opacity .5s ease} [class*="IndexPoster-content-"]:hover:after,.hh-stash .card:hover:after,.arco-card:hover:after {opacity:.6} [class*="IndexPoster-title-"] {font-size:10px!important;line-height:17px!important;color:#c4c4cd;padding:2px 5px!important;background:transparent!important} [class*="IndexPoster-controls-"] {background:rgba(17,17,19,.65)!important;backdrop-filter:blur(10px);border-bottom:1px solid #ffffff12} [class*="IndexPoster-posterContainer-"] img {transition:filter .3s ease} [class*="IndexPoster-content-"]:hover img {filter:brightness(1.08)} [class*="PageContentBody-innerContentBody-"] {padding:20px 24px!important} [class*="IndexFooter-footer-"] {margin:24px 0;padding:20px!important;border:1px solid #ffffff0c;border-radius:16px;background:rgba(17,17,19,.34);font-size:11px;color:#aaa7a2} [class*="IndexFooter-stat-"] {font-variant-numeric:tabular-nums} [class*="ModalContent-modalContent-"] {border-radius:20px!important;box-shadow:0 40px 120px #0009,inset 0 1px 0 #fff1} [class*="ModalHeader-header-"] {padding:23px 26px!important;font-size:19px;letter-spacing:-.025em} [class*="ModalBody-modalBody-"] {padding:24px 26px!important} [class*="ModalFooter-footer-"] {padding:18px 26px!important} [class*="FormInputGroup-inputGroup-"] input {border-radius:9px!important;min-height:36px} [class*="Button-button-"] {border-radius:9px!important;box-shadow:inset 0 1px 0 #ffffff0c;font-size:12px} /* Native app adapters: deliberate material, spacing, typography, table density. */ body.hh-bazarr .mantine-AppShell-header {border-bottom:1px solid #ffffff10;padding-left:18px} body.hh-bazarr .mantine-AppShell-navbar {padding:18px 12px;border-right:1px solid #ffffff10} body.hh-bazarr .mantine-AppShell-main {padding-right:24px!important;padding-bottom:24px!important} body.hh-bazarr .mantine-NavLink-root {margin-bottom:5px;border-radius:10px;padding:12px 14px;border:1px solid transparent} body.hh-bazarr .mantine-NavLink-root[data-active] {border-color:#e0bb5230;box-shadow:inset 0 1px 0 #fff1} body.hh-bazarr .mantine-Paper-root {border-radius:18px!important;border:1px solid #ffffff10;box-shadow:0 12px 35px #0002} body.hh-bazarr .mantine-Table-th {font-size:11px;text-transform:uppercase;letter-spacing:.07em;padding:16px 14px;border-bottom:1px solid #e0bb5220} body.hh-bazarr .mantine-Table-td {padding:15px 14px;font-size:12px} body.hh-bazarr .mantine-Button-root {border-radius:9px;box-shadow:inset 0 1px 0 #fff1} body.hh-bazarr .mantine-Title-root {letter-spacing:-.035em;font-weight:550} body.hh-stash .navbar {margin:14px 18px 0;border:1px solid #ffffff12;border-radius:16px;padding:12px 20px;box-shadow:0 12px 35px #0002} body.hh-stash .navbar .nav-link {border-radius:9px;padding:9px 14px!important;font-size:13px} body.hh-stash .main {padding:24px} body.hh-stash .card {position:relative;border-radius:16px!important;box-shadow:0 12px 28px #0004;transition:transform .3s var(--hh-ease),border-color .3s ease;overflow:hidden} body.hh-stash .card:hover {transform:translateY(-4px);border-color:#e0bb5240!important} body.hh-stash .btn {border-radius:9px;font-size:12px;box-shadow:inset 0 1px 0 #fff1} body.hh-stash .dropdown-menu {padding:8px;border-radius:14px!important;box-shadow:0 18px 60px #0006} body.hh-stash .dropdown-item {border-radius:7px;padding:9px 14px} body.hh-peerbanhelper .arco-layout-header {border-bottom:1px solid #ffffff10;padding:0 24px} body.hh-peerbanhelper .arco-layout-sider {border-right:1px solid #ffffff10;padding:14px 8px} body.hh-peerbanhelper .arco-menu-item {border-radius:9px;margin-bottom:6px!important;border:1px solid transparent} body.hh-peerbanhelper .arco-menu-selected {border-color:#e0bb5230;background:linear-gradient(100deg,#facc1520,#facc1509)!important} body.hh-peerbanhelper .arco-card {position:relative;border-radius:18px;box-shadow:0 12px 32px #0003;overflow:hidden} body.hh-peerbanhelper .arco-card-header {padding:18px 22px;border-color:#ffffff0c} body.hh-peerbanhelper .arco-card-header-title {font-weight:550;font-size:15px;letter-spacing:-.02em} body.hh-peerbanhelper .arco-card-body {padding:22px} body.hh-peerbanhelper .arco-btn {border-radius:8px;box-shadow:inset 0 1px 0 #fff1} body.hh-peerbanhelper .arco-table-th {font-size:11px;letter-spacing:.05em;padding:14px 16px} body.hh-peerbanhelper .arco-table-td {padding:14px 16px;font-size:12px} body.hh-qbittorrent #desktopHeader {box-shadow:inset 0 1px 0 #fff1;border-bottom:1px solid #ffffff12} body.hh-qbittorrent #toolbar {padding:8px 12px;background:rgba(27,27,30,.68)!important;border-bottom:1px solid #ffffff0c} body.hh-qbittorrent #filtersColumn {border-right:1px solid #ffffff12} body.hh-qbittorrent #filtersColumn li {margin:3px 8px;border-radius:7px;padding:5px 8px!important} body.hh-qbittorrent .dynamicTable th {font-size:11px;padding:10px 8px!important;letter-spacing:.025em;background:#ffffff04!important} body.hh-qbittorrent .dynamicTable td {height:32px;font-size:12px;border-bottom-color:#ffffff07!important} body.hh-qbittorrent #desktopFooter {border-top:1px solid #ffffff10} body.hh-qbittorrent .mocha {border:1px solid #ffffff18;border-radius:16px!important;box-shadow:0 24px 80px #0008!important;overflow:hidden} body.hh-qbittorrent .mochaTitlebar {background:#ffffff05!important;padding:10px} /* An intentional sign-in design, preserving the original form and password manager behavior. */ body[class*="hh-"] .panel-default {box-shadow:0 30px 90px #0006,inset 0 1px 0 #fff1;border-radius:22px!important} body[class*="hh-"] .panel-heading {padding:22px!important;font-size:19px!important;font-weight:500;letter-spacing:-.025em;background:#ffffff03!important} body[class*="hh-"] .panel-body {padding:28px!important} body[class*="hh-"] .panel input {min-height:42px;border-radius:10px!important;padding:10px 13px!important} body[class*="hh-"] .panel button {border-radius:10px!important;min-height:42px!important;box-shadow:inset 0 1px 0 #fff2} /* Light-catching rim on native actions: DSH's specular material, with no extra WebGL contexts. */ :where(.hh-service-nav a,[class*="Button-button-"],.arco-btn,.mantine-Button-root) {background-image:linear-gradient(130deg,#ffffff0c,transparent 45%,#ffffff03)!important} [class*="PageSidebar-sidebar-"]:after {content:none!important} @media (max-width:1100px) {.hh-heading {padding:24px;gap:18px}.hh-feature {width:260px}.hh-heading h1 {font-size:30px}[class*="PageSidebar-sidebarContainer-"] {width:190px!important;flex-basis:190px!important}[class*="PageHeader-logoContainer-"] {width:205px!important}} @media (max-width:800px) {[class*="Page-page-"] {padding:8px;gap:8px}[class*="Page-main-"] {gap:8px}[class*="PageHeader-header-"] {border-radius:12px}[class*="PageContent-content-"] {border-radius:14px}.hh-feature {display:none}.hh-heading {min-height:176px;padding:22px}.hh-heading h1 {font-size:28px}[class*="PageHeader-logoContainer-"] {width:auto!important;padding-left:10px}[class*="PageHeader-logoLink-"] {width:145px}[class*="PageHeader-logoLink-"]:after {font-size:10px;letter-spacing:.1em}} @media (max-width:600px) {.hh-heading {min-height:160px;padding:18px}.hh-heading p {margin-bottom:14px;font-size:11px}.hh-heading h1 {font-size:26px}.hh-service-nav a {padding:6px 8px;gap:5px}.hh-service-nav a span {display:none}[class*="PageToolbar-toolbar-"] {padding:8px!important}[class*="PageToolbarButton-label-"] {font-size:9px!important}[class*="PageSidebar-sidebarContainer-"] {border-radius:12px;flex-basis:auto!important}.hh-eyebrow {font-size:8px}[class*="PageHeader-logoLink-"]:after {display:none}[class*="PageHeader-logoLink-"] {width:35px}} @media (prefers-reduced-motion:reduce) {.hh-service-nav a,[class*="IndexPoster-content-"],.hh-stash .card,[class*="PageSidebarItem-link-"] {transform:none!important;transition:none!important}.card-spotlight:before,[class*="IndexPoster-content-"]:after,.hh-stash .card:after,.arco-card:after {display:none}} @media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {[class*="PageContent-content-"] {background:#111113!important;backdrop-filter:none!important}.hh-feature-art {opacity:.3}.hh-heading p {color:#c4c4cd}.hh-service-nav a {color:#c4c4cd;border-color:#71717a}} .hh-heading-inner {min-height:130px;padding-top:20px;padding-bottom:18px} .hh-heading-inner h1 {font-size:27px;margin:8px 0} .hh-heading-inner p {display:none} .hh-heading-inner .hh-service-nav {margin-top:12px} [class*="ToolbarMenuButton-labelContainer-"] {display:flex!important;align-items:center;gap:7px;margin:0!important} [class*="ToolbarMenuButton-label-"] {font-size:10px!important;line-height:14px!important;white-space:nowrap} [class*="IndexPoster-posterContainer-"]:after {content:attr(title);position:absolute;left:0;right:0;bottom:0;padding:28px 10px 10px;background:linear-gradient(0deg,#060607d9,transparent);color:#f0f0f2;font-size:11px;font-weight:500;line-height:1.35;letter-spacing:-.015em;pointer-events:none;text-shadow:0 1px 3px #000;max-height:75px;overflow:hidden} /* Actual Servarr dialog selectors; the rounded outer mask contains every material layer. */ [class*="Modal-modal-"] {border-radius:22px!important;overflow:hidden;border:1px solid #ffffff18;box-shadow:0 40px 120px #0008!important} [class*="Modal-modalBackdrop-"] {background:#0008!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)} [class*="ModalHeader-modalHeader-"] {background:#ffffff04!important;padding:23px 26px!important;border-bottom:1px solid #ffffff0d!important;font-size:19px;font-weight:500;letter-spacing:-.03em} [class*="ModalBody-innerModalBody-"] {padding:24px 26px!important} [class*="ModalFooter-modalFooter-"] {background:#ffffff04!important;padding:18px 26px!important;border-top:1px solid #ffffff0d!important} [class*="EnhancedSelectInput-enhancedSelect-"] {background:#ffffff06!important;border:1px solid #ffffff18!important;border-radius:9px!important;min-height:36px} [class*="CheckInput-input-"] {border-radius:5px!important;border:1px solid #ffffff35!important;background:#ffffff07!important} [class*="CheckInput-isChecked-"] {background:#956000!important;border-color:#e0bb5270!important} [class*="CheckInput-helpText-"] {color:#c4c4cd!important;font-size:12px} /* Dedicated native headings for the ancillary media workspaces. */ body.hh-bazarr .hh-heading-host,body.hh-peerbanhelper .hh-heading-host,body.hh-stash .hh-heading-host {margin-bottom:20px;border:1px solid #ffffff10;border-radius:20px;overflow:hidden;background:rgba(17,17,19,.26);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #fff1} body.hh-bazarr .hh-heading,body.hh-peerbanhelper .hh-heading,body.hh-stash .hh-heading {min-height:170px;border:0;padding:24px 28px} body.hh-bazarr .mantine-AppShell-main {padding-left:calc(var(--app-shell-navbar-offset,200px) + 24px)!important} body.hh-bazarr .mantine-Container-root {padding:0!important} body.hh-bazarr .mantine-NavLink-label {font-size:12px} body.hh-peerbanhelper .arco-layout-header {margin:14px 18px;border:1px solid #ffffff12;border-radius:17px;background:rgba(6,6,7,.46)!important;height:auto!important;min-height:72px} body.hh-peerbanhelper .arco-menu-horizontal {background:transparent!important} body.hh-peerbanhelper .arco-menu-horizontal .arco-menu-item {margin-bottom:0!important} body.hh-peerbanhelper .arco-layout-content {margin-top:16px} body.hh-stash .main {padding-top:110px!important} /* Native select is a button with nested value spans; theme every value explicitly. */ [class*="EnhancedSelectInput-enhancedSelect-"],[class*="EnhancedSelectInputSelectedValue-"],[class*="HintedSelectInputSelectedValue-"] {color:#f0f0f2!important} [class*="Button-button-"][class*="Button-default-"] {background-color:#303035!important;color:#f0f0f2!important;border-color:#ffffff18!important} [class*="Button-button-"][class*="Button-default-"]:hover {background-color:#3b3b41!important;border-color:#e0bb5240!important} /* Neutral navigation material shared by the other native services. */ body.hh-bazarr .mantine-AppShell-navbar,body.hh-peerbanhelper .arco-layout-sider,body.hh-qbittorrent #Filters {background:rgba(20,21,26,.94)!important;border-color:#ffffff08!important;box-shadow:none!important} body.hh-bazarr .mantine-NavLink-root[data-active],body.hh-peerbanhelper .arco-menu-selected,body.hh-qbittorrent #Filters .filterList li.selectedFilter {background:rgba(255,255,255,.055)!important;border-color:transparent!important;box-shadow:none!important;color:#e8e8ed!important} body.hh-peerbanhelper .arco-menu,body.hh-peerbanhelper .arco-menu-horizontal {background:transparent!important} body.hh-stash .navbar,body.hh-peerbanhelper .arco-layout-header {background:rgba(14,15,19,.90)!important} @media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {[class*="PageSidebar-sidebarContainer-"],body.hh-bazarr .mantine-AppShell-navbar,body.hh-peerbanhelper .arco-layout-sider,body.hh-qbittorrent #Filters {background:#14151a!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[class*="PageSidebarItem-childLink-"] {color:#b5b7c0!important}} /* DSH secondary sidebar geometry and BorderGlow, adapted to native navigation. */ @property --hh-glow-angle {syntax:'';inherits:false;initial-value:0deg} @keyframes hh-glow-sweep {to {--hh-glow-angle:360deg}} @keyframes hh-brand-shine {from {background-position:180% 0} to {background-position:-80% 0}} .hh-theme-frost {background:rgba(16,17,21,.32);backdrop-filter:blur(28px) saturate(110%);-webkit-backdrop-filter:blur(28px) saturate(110%)} [class*="PageSidebar-sidebarContainer-"],body.hh-bazarr .mantine-AppShell-navbar,body.hh-peerbanhelper .arco-layout-sider,body.hh-qbittorrent #Filters {background:linear-gradient(145deg,rgba(103,88,57,.18),rgba(27,27,30,.76) 36%,rgba(6,6,7,.62))!important;border:1px solid #ffffff12!important;box-shadow:inset 0 1px 0 #ffffff0a,0 12px 36px #0002!important;backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%)} [class*="PageSidebar-sidebar-"] {padding:12px 10px!important} [class*="PageSidebar-sidebar-"]::before {content:'私人影院 / WORKSPACE';display:block;margin:0 8px 14px;padding:12px 0 16px;border-bottom:1px solid #ffffff12;color:#c4c4cd;font-size:10px;letter-spacing:.12em;line-height:20px} [class*="PageSidebarItem-link-"] {min-height:36px!important;padding:8px 10px!important;border-radius:7px!important;font-size:13px!important} [class*="PageSidebarItem-childLink-"] {padding-left:33px!important;min-height:30px!important} [class*="PageSidebarItem-link-"]:hover {background:rgba(201,162,39,.16)!important;color:#f0f0f2!important} [class*="PageSidebarItem-isActiveLink-"],body.hh-bazarr .mantine-NavLink-root[data-active],body.hh-peerbanhelper .arco-menu-selected,body.hh-qbittorrent #Filters .filterList li.selectedFilter {background:rgba(250,204,21,.14)!important;color:#f0f0f2!important} [class*="PageSidebarItem-link-"] svg {transition:transform .24s ease,color .24s ease} [class*="PageSidebarItem-link-"]:hover svg {transform:translateX(var(--hh-nav-shift,3px));color:#e0bb52!important} [class*="PageHeader-header-"],.hh-heading {position:relative;isolation:isolate} [class*="PageHeader-header-"]::before,.hh-heading::after {content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;box-shadow:inset 0 0 0 1px #e0bb52,inset 0 0 6px #e0bb5280,inset 0 0 20px #e0bb5230,0 0 9px #e0bb5220;mask-image:conic-gradient(from var(--hh-glow-angle),black 2.5%,transparent 13%,transparent 87%,black 97.5%);-webkit-mask-image:conic-gradient(from var(--hh-glow-angle),black 2.5%,transparent 13%,transparent 87%,black 97.5%);opacity:.72;animation:hh-glow-sweep 7s linear infinite} [class*="PageHeader-logoLink-"]::after {color:transparent!important;background:linear-gradient(120deg,#c4c4cd 35%,#facc15 49%,#fff5bd 50%,#c4c4cd 64%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;animation:hh-brand-shine 5s linear infinite} @media (prefers-reduced-motion:reduce) {[class*="PageHeader-header-"]::before,.hh-heading::after,[class*="PageHeader-logoLink-"]::after {animation:none!important}[class*="PageSidebarItem-link-"]:hover svg {transform:none}} @media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {[class*="PageSidebar-sidebarContainer-"],body.hh-bazarr .mantine-AppShell-navbar,body.hh-peerbanhelper .arco-layout-sider,body.hh-qbittorrent #Filters {background:#14151a!important;backdrop-filter:none;-webkit-backdrop-filter:none}} @media (max-width:800px) {[class*="PageSidebar-sidebar-"]::before {font-size:9px;margin:0 4px 8px;padding:8px 0}} /* A travelling rim on the sidebar itself, not a full-panel golden overlay. */ [class*="PageSidebar-sidebarContainer-"] {position:relative;isolation:isolate} [class*="PageSidebar-sidebarContainer-"]::after {content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;box-shadow:inset 0 0 0 1px #e0bb52,inset 0 0 5px #e0bb5280,inset 0 0 16px #e0bb5220;mask-image:conic-gradient(from var(--hh-glow-angle),black 3%,transparent 16%,transparent 84%,black 97%);-webkit-mask-image:conic-gradient(from var(--hh-glow-angle),black 3%,transparent 16%,transparent 84%,black 97%);animation:hh-glow-sweep 7s linear infinite;opacity:.8} @media (prefers-reduced-motion:reduce) {[class*="PageSidebar-sidebarContainer-"]::after {animation:none}} .star-border-container {display:inline-block;position:relative;border-radius:9px;overflow:hidden} .border-gradient-bottom,.border-gradient-top {position:absolute;width:300%;height:50%;opacity:.7;border-radius:50%;z-index:0;pointer-events:none} .border-gradient-bottom {bottom:-12px;right:-250%;animation:star-movement-bottom linear infinite alternate} .border-gradient-top {top:-12px;left:-250%;animation:star-movement-top linear infinite alternate} .star-border-container>.inner-content {position:relative;z-index:1;display:flex;align-items:center;gap:7px;background:#1b1b1e;border:1px solid #ffffff15;border-radius:8px;padding:8px 12px;color:#c4c4cd} .hh-service-nav a.star-border-container {padding:1px!important;border:0!important;display:inline-block} .hh-service-active>.inner-content {color:#facc15;background:#28251d} @keyframes star-movement-bottom {0% {transform:translate(0%,0%);opacity:1}100% {transform:translate(-100%,0%);opacity:0}} @keyframes star-movement-top {0% {transform:translate(0%,0%);opacity:1}100% {transform:translate(100%,0%);opacity:0}} @media(prefers-reduced-motion:reduce) {.border-gradient-bottom,.border-gradient-top {animation:none}} /* Contrast repair: native lazy styles can load after the injected theme. Override the actual surface and its text together, including portalled dialogs. */ [class*="Card-card-"], [class*="QualityProfileItem-qualityProfileItem-"], [class*="QualityProfileItemGroup-qualityProfileItemGroup-"], [class*="QualityProfileFormatItem-qualityProfileFormatItem-"], [class*="LanguageProfileItem-languageProfileItem-"], [class*="DelayProfile-delayProfile-"], [class*="ReleaseProfileItem-releaseProfile-"] { background:#242428!important;color:#f0f0f2!important;border-color:#ffffff20!important; } [class*="QualityProfiles-center-"],[class*="LanguageProfiles-center-"],[class*="ReleaseProfiles-center-"],[class*="MetadataProfiles-center-"],[class*="RootFolders-center-"],[class*="Applications-center-"] {background:transparent!important;color:#c4c4cd!important} [class*="FieldSet-legend-"] {color:#f0f0f2!important;border-bottom-color:#ffffff24!important} [class*="QualityProfileItem-qualityName-"],[class*="QualityProfileItemGroup-name-"],[class*="QualityProfileFormatItem-formatName-"] {color:#f0f0f2!important} [class*="QualityProfileItem-notAllowed-"],[class*="QualityProfileItemGroup-notAllowed-"] {color:#a1a1ab!important} [class*="QualityProfile-qualities-"] [class*="Label-info-"] {background:#303035!important;color:#f0f0f2!important;border-color:#e0bb5266!important} [class*="Button-primary-"] {background:#956000!important;color:#fff!important;border-color:#b47a00!important} [class*="Button-danger-"] {background:#a52a34!important;color:#fff!important} [class*="PageHeader-logoLink-"]::after {line-height:20px!important} body.hh-peerbanhelper { --color-secondary:#303035;--color-secondary-hover:#3b3b41;--color-secondary-active:#45454e;--color-secondary-disabled:#242428; --color-text-4:#898d98;--color-fill-4:#45454e;--color-bg-5:#303035; --color-primary-light-1:#2d291c;--color-primary-light-2:#40361f; } body.hh-peerbanhelper .arco-btn-secondary {background-color:#303035!important;color:#f0f0f2!important} body.hh-peerbanhelper .arco-btn-secondary:hover {background-color:#3b3b41!important} body.hh-peerbanhelper .arco-table-header {background:#242428!important} body.hh-peerbanhelper .arco-link-status-normal {color:#e0bb52!important} body.hh-bazarr .mantine-Kbd-root,body.hh-bazarr .mantine-InputClearButton-root {background:#303035!important;color:#c4c4cd!important;border-color:#ffffff24!important} body.hh-bazarr .mantine-Tabs-tab[data-active] {background:#40351d!important;color:#f0f0f2!important} body.hh-bazarr .mantine-Tabs-tab[data-active] .mantine-Group-root {background:transparent!important;color:inherit!important} /* Remove the native white halo on settings cards as part of the dark surface repair. */ [class*="Card-card-"] {box-shadow:inset 0 1px 0 #ffffff08,0 8px 24px #0003!important;border-radius:12px!important} /* Bazarr's login module has an independent light background outside Mantine Paper. */ body.hh-bazarr [class^="_root_"]:has(.mantine-Avatar-image[alt="Bazarr logo"]) {background:transparent!important} [class*="Label-info-"] {background:#e0bb52!important;border-color:#e0bb52!important;color:#1c1206!important} [class*="QualityProfile-qualities-"] [class*="Label-info-"] {background:#303035!important;color:#f0f0f2!important;border-color:#e0bb5266!important} [class*="AppProfiles-center-"] {background:transparent!important;color:#c4c4cd!important} /* Retain semantic status hues while giving their small labels legible ink. */ [class*="Label-success-"] {background:#55bf81!important;border-color:#55bf81!important;color:#10271a!important} [class*="Label-warning-"] {background:#e0bb52!important;border-color:#e0bb52!important;color:#1c1206!important} [class*="Label-danger-"] {background:#a52a34!important;border-color:#a52a34!important;color:#fff!important} [class*="AppProfiles-center-"],[class*="Applications-center-"],[class*="AutoTaggings-center-"],[class*="CustomFormats-center-"],[class*="DownloadClients-center-"],[class*="EditAutoTaggingModalContent-center-"],[class*="EditCustomFormatModalContent-center-"],[class*="ImportLists-center-"],[class*="Indexers-center-"],[class*="LanguageProfiles-center-"],[class*="MetadataProfiles-center-"],[class*="NetImports-center-"],[class*="Notifications-center-"],[class*="QualityProfiles-center-"],[class*="ReleaseProfiles-center-"],[class*="Restrictions-center-"],[class*="RootFolders-center-"] {background:transparent!important;color:#c4c4cd!important} [class*="Alert-alert-"] {background:#1d2a36!important;color:#c4def1!important;border-color:#56738c!important} [class*="Alert-warning-"] {background:#332c1d!important;color:#e4d0a0!important;border-color:#78683d!important} [class*="Alert-success-"] {background:#1c3025!important;color:#b9e4c7!important;border-color:#456b52!important} [class*="Alert-danger-"] {background:#351e24!important;color:#f0bdc6!important;border-color:#83525c!important} [class*="Alert-alert-"] a {color:#facc15!important} /* Motion hierarchy: one large workspace rim; small controls stay quiet. */ .hh-workspace-rim {display:block;border-radius:inherit;width:100%;box-sizing:border-box} .hh-workspace-rim>.inner-content {display:block;padding:0;border:0;border-radius:inherit;background:rgba(19,20,24,.96);text-align:left} .hh-workspace-rim>.border-gradient-bottom,.hh-workspace-rim>.border-gradient-top {opacity:.45} .hh-heading::after {content:none!important;animation:none!important} [class*="PageHeader-header-"]::before {animation-duration:12s;opacity:.35} [class*="PageSidebar-sidebarContainer-"]::after {animation-duration:10s;opacity:.45} /* Poster actions are controls over artwork, not light status badges. */ [class*="IndexPoster-controls-"] { top:10px!important;right:10px!important;bottom:auto!important;left:auto!important; display:inline-flex!important;align-items:center;gap:2px;padding:3px!important; background:rgba(17,17,19,.94)!important;color:#f0f0f2!important; border:1px solid #ffffff38!important;border-radius:8px!important; box-shadow:0 3px 10px #0006;z-index:4!important; } [class*="IndexPoster-controls-"] [class*="IconButton-button-"] { display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px; padding:5px!important;border-radius:5px;color:#f0f0f2!important;background:transparent!important; } [class*="IndexPoster-controls-"] [class*="IconButton-button-"]:hover, [class*="IndexPoster-controls-"] [class*="IconButton-button-"]:focus-visible {color:#facc15!important;background:#ffffff12!important} [class*="IndexPoster-controls-"] [class*="IconButton-button-"]:disabled {color:#969ba6!important} /* Whisparr movie lookup: native lazy CSS otherwise restores white end caps. */ body.hh-whisparr [class*="AddNewMovie-searchContainer-"] { display:flex;align-items:center;min-width:0;overflow:hidden; border:1px solid var(--hh-border);border-radius:12px; background:rgba(36,36,40,.88);color:var(--hh-text); transition:border-color 160ms ease,box-shadow 160ms ease; } body.hh-whisparr [class*="AddNewMovie-searchContainer-"]:focus-within { border-color:#e0bb52a6;box-shadow:0 0 0 3px #e0bb5214; } body.hh-whisparr [class*="AddNewMovie-searchIconContainer-"], body.hh-whisparr [class*="AddNewMovie-clearLookupButton-"] { display:flex;align-items:center;justify-content:center;flex:0 0 48px; width:48px;height:48px;background:transparent!important; color:#c4c4cd!important;border:0!important;border-radius:0!important; } body.hh-whisparr [class*="AddNewMovie-searchContainer-"] input[class*="AddNewMovie-searchInput-"] { flex:1 1 0;min-width:0;width:0;height:48px!important;padding:0 12px!important; background:transparent!important;color:var(--hh-text)!important; border:0!important;border-radius:0!important;outline:none!important; box-shadow:none!important;font-size:14px!important; } body.hh-whisparr [class*="AddNewMovie-searchContainer-"] input[class*="AddNewMovie-searchInput-"]::placeholder {color:var(--hh-muted)!important;opacity:1;} body.hh-whisparr [class*="AddNewMovie-clearLookupButton-"]:hover {background:#ffffff0b!important;color:#facc15!important;} body.hh-whisparr [class*="AddNewMovie-clearLookupButton-"]:focus-visible {outline:2px solid var(--hh-amber)!important;outline-offset:-5px;} @media(max-width:600px) { body.hh-whisparr [class*="AddNewMovie-searchIconContainer-"],body.hh-whisparr [class*="AddNewMovie-clearLookupButton-"] {flex-basis:40px;width:40px;} body.hh-whisparr [class*="AddNewMovie-searchContainer-"] input[class*="AddNewMovie-searchInput-"] {padding-inline:8px!important;} } @media(max-width:600px) { body.hh-whisparr [class*="AddNewMovie-message-"] {margin-top:28px!important;overflow-wrap:anywhere;} body.hh-whisparr [class*="AddNewMovie-helpText-"] {font-size:16px!important;line-height:1.65!important;} body.hh-whisparr [class*="AddNewMovie-message-"] > div:not([class]) {font-size:13px!important;line-height:1.6!important;} }