1
0
mirror of https://github.com/gilbN/theme.park.git synced 2024-08-17 15:39:36 +02:00
theme.park/css/defaults/servarr-darker-base.css
2022-05-17 15:45:45 +02:00

102 lines
2.2 KiB
CSS

/* HEADER */
[class*="PageHeader-header-"] {
background-color: var(--header-color);
color: #fff;
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
[class*="PageToolbar-toolbar-"] {
background-color: var(--toolbar-background);
color: var(--text);
}
/* SIDE MENU */
[class*="PageSidebar-sidebar-"] {
background-color: var(--side-menu-color);
color: #fff;
}
[class*=PageSidebarItem-link-]:focus {
color: rgb(var(--accent-color)) !important;
}
[class*=PageSidebarItem-isActiveLink-] {
color: var(--side-menu-link-color) !important;
}
[class*=PageSidebarItem-isActiveParentLink-] {
background-color: var(--side-menu-active);
}
/* SCROLLER */
[class*=OverlayScroller-thumb-]:hover {
background-color: var(--scroller-hover) !important;
}
[class*="OverlayScroller-thumb-"],
[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
background-color: var(--scroller) !important;
}
/* MODALS */
[class*=ModalHeader-modalHeader-],
[class*=FieldSet-legend-] {
border-bottom: 1px solid var(--border-color);
}
[class*=ModalFooter-modalFooter-] {
border-top: 1px solid var(--border-color);
}
/* LABLES */
[class*="Label-default-"] {
border-color: var(--label-color);
background-color: var(--label-color);
color: var(--label-text-color);
}
[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
border-color: var(--label-info);
background-color: var(--label-info);
color: #fff;
}
[class*="Label-disabled-"][class*="Label-outline-"] {
color: #000;
}
[class*="Label-outline-"] {
background-color: #989898;
}
[class*="Label-success-"] {
color: #000;
}
[class*="PageSidebarItem-status-"] [class*="Label-info-"] {
border-color: var(--arr-queue-color);
background-color: var(--arr-queue-color);
color: #fff;
}
/* SETTINGS */
[class*=Settings-link-] {
border-bottom: 1px solid var(--border-color);
}
[class*="MenuContent-scroller-"] {
box-shadow: none;
}
[class*="Card-card-"], [class*="QualityProfiles-addQualityProfile-"] {
background: var(--transparency-light-10);
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5);
color: var(--text);
}