mirror of
https://github.com/gilbN/theme.park.git
synced 2024-10-26 23:02:54 +02:00
overseer theme
This commit is contained in:
parent
e066df7c46
commit
0be502eca5
96
CSS/themes/plex/overseer.css
Normal file
96
CSS/themes/plex/overseer.css
Normal file
@ -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));
|
||||
}
|
24
CSS/variables/overseer.css
Normal file
24
CSS/variables/overseer.css
Normal file
@ -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
Block a user