theme.park/css/defaults/servarr-base.css

/*    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			 */

@import url("/css/defaults/placeholders.css");
@import url("/css/defaults/transparent.css");


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-"] {
    background-color: var(--transparency-light-25) !important;
}
*::-webkit-scrollbar-thumb:hover,
[class*="-thumb-"]:hover {
    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);
}

/* 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);
}

[class*=".ProgressBar-purple-"] {
    background-color: rgb(var(--accent-color));
}

/* 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*="Popover-title-"],
[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);
}

/* @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-"] {
    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*="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);
}

/* 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-"] {
    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;
}

/* 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;
}

/* 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);
}

/* 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));
}