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