GilbN
4 years ago
27 changed files with 169 additions and 86 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)); |
|||
} |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -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