GilbN
3 years ago
committed by
GitHub
27 changed files with 185 additions and 99 deletions
@ -0,0 +1,94 @@ |
|||
/* 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 SIDE MENU */ |
|||
|
|||
/* APP VARS*/ |
|||
:root { |
|||
--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,30 @@ |
|||
:root { |
|||
--main-bg-color: linear-gradient(360deg, hsl(221, 39%, 11%) 65%, hsl(215, 28%, 17%) 100%); |
|||
|
|||
--modal-bg-color: #1f2937; |
|||
--modal-header-color: #1f2937; |
|||
--modal-footer-color: #1f2937; |
|||
|
|||
--drop-down-menu-bg: #374151; |
|||
|
|||
--button-color: #4f46e5; |
|||
--button-color-hover: #6366f1; |
|||
--button-text: #e5e7eb; |
|||
--button-text-hover: #fff; |
|||
|
|||
--accent-color: 167, 139, 250; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #6366f1; |
|||
--link-color-hover: #a78bfa; |
|||
--label-text-color: #000; |
|||
|
|||
--text: #d1d5db; |
|||
--text-hover: #fff; |
|||
--text-muted: #9ca3af; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6366f1; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #6366f1; |
|||
--petio-spinner: invert(24%) sepia(59%) saturate(3411%) hue-rotate(237deg) brightness(91%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 98, 116, 145; |
|||
} |
Loading…
Reference in new issue