hacktoberfestorganizrnginxthemedark-themesonarrradarrplexdark-modecustom-csscssthemes-customthemes-csssubfilterguacamoleskinsombilidarrdocker-modsdark-themes
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
4.0 KiB
96 lines
4.0 KiB
/* 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 */
|
|
|
|
/* PLEX OVERSEER THEME */
|
|
@import url(https://theme-park.dev/CSS/themes/plex/plex-base.css);
|
|
@import url(https://theme-park.dev/CSS/variables/overseer.css);
|
|
|
|
/* APP VARS*/
|
|
:root {
|
|
--poster-unwatched: #6366f1;
|
|
--sidebar-color: #1f2937;
|
|
}
|
|
|
|
/* EXTRA CSS */
|
|
[class*="SourceSidebar-openSidebar-"][class*="SourceSidebar-sidebar-"],
|
|
[class*="SourceSidebar-sidebar-"] {
|
|
background: var(--sidebar-color) !important;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
[class*="NavBar-container-"] {
|
|
background: rgb(0 0 0 / 0%) !important;
|
|
}
|
|
|
|
[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isSelected-"] {
|
|
background: var(--main-bg-color);
|
|
box-shadow: inset 4px 0 0 0 transparent !important;
|
|
border-radius: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-button-"]:hover,
|
|
[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isActive-"] {
|
|
background: var(--modal-bg-color);
|
|
}
|
|
|
|
[class*="SourceSidebarLink-button-"] {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] {
|
|
background: var(--sidebar-color) !important;
|
|
}
|
|
|
|
[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarLink-isSelected-"] {
|
|
background: var(--main-bg-color) !important;
|
|
}
|
|
|
|
[class*="SourceSidebarContent-expandedSidebarContent-"],
|
|
[class*="AllSourcesSidebarContent-container-"]{
|
|
padding: 10px;
|
|
}
|
|
|
|
[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="AllSourcesSidebarContent-container-"]{
|
|
padding: 0px;
|
|
}
|
|
|
|
[class*="SourceSidebarContent-expandedSidebarContent-"] div {
|
|
border-radius: 5px;
|
|
}
|
|
|
|
[class*="SourceSidebar-collapsedSidebar-"] [class*="SourceSidebar-sidebar-"] {
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
[class*="SourceSidebarContent-expandedSidebarContent-"] [class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]{
|
|
box-shadow: none !important;
|
|
border-radius: 5px;
|
|
}
|
|
[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarItem-button-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarItem-isSelected-"][class*="SourceSidebarLink-isSelected-"] {
|
|
box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
[class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover {
|
|
box-shadow: none !important;
|
|
background: var(--modal-bg-color) !important;
|
|
}
|
|
|
|
[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover {
|
|
box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important;
|
|
}
|
|
|
|
[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-iconContainer-"],
|
|
[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-title-"] {
|
|
color: rgb(var(--accent-color));
|
|
}
|