Mirrors/theme.park
1
0
Fork 0
mirror of https://github.com/gilbN/theme.park.git synced 2024-08-18 07:59:37 +02:00
Code Issues Releases Wiki Activity

overseer theme

Browse Source
This commit is contained in:
Marius 2021-08-01 16:35:57 +02:00
parent e066df7c46
commit 0be502eca5
2 changed files with 120 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
CSS/themes/plex/overseer.css Normal file
View 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
View 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;
}