Marius
3 years ago
2 changed files with 120 additions and 0 deletions
@ -0,0 +1,96 @@ |
|||||
|
/* 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)); |
||||
|
} |
@ -0,0 +1,24 @@ |
|||||
|
:root { |
||||
|
--main-bg-color: linear-gradient(to bottom, #1f2937,#111827); |
||||
|
|
||||
|
--modal-bg-color: #374151; |
||||
|
--modal-footer-color: #374151; |
||||
|
--modal-header-color: #374151; |
||||
|
|
||||
|
--drop-down-menu-bg: #374151; |
||||
|
|
||||
|
--button-color: #4f46e5; |
||||
|
--button-color-hover: #6366f1; |
||||
|
--button-text: #eee; |
||||
|
--button-text-hover: #fff; |
||||
|
|
||||
|
--accent-color: 167, 139, 250; |
||||
|
--accent-color-hover: rgb(var(--accent-color),.8); |
||||
|
--link-color: #a78bfa; |
||||
|
--link-color-hover: #fff; |
||||
|
--label-text-color: #111827; |
||||
|
|
||||
|
--text: #d1d5db; |
||||
|
--text-hover: #fff; |
||||
|
--text-muted: #9ca3af; |
||||
|
} |
Loading…
Reference in new issue