added space-gray plex design

plex/base.css

@@ -0,0 +1 @@
+::-webkit-input-placeholder{color:var(--text-muted)!important}:focus::-webkit-input-placeholder{color:var(--text-hover)!important}:-moz-placeholder{color:var(--text-muted)!important}:focus:-moz-placeholder{color:var(--text-hover)!important}::-moz-placeholder{color:var(--text-muted)!important}:focus::-moz-placeholder{color:var(--text-hover)!important}:-ms-input-placeholder{color:var(--text-muted)!important}:focus:-ms-input-placeholder{color:var(--text-hover)!important}:root{--transparency-dark-05:rgba(0, 0, 0, .05);--transparency-dark-10:rgba(0, 0, 0, .10);--transparency-dark-15:rgba(0, 0, 0, .15);--transparency-dark-25:rgba(0, 0, 0, .25);--transparency-dark-35:rgba(0, 0, 0, .35);--transparency-dark-40:rgba(0, 0, 0, .40);--transparency-dark-45:rgba(0, 0, 0, .45);--transparency-dark-50:rgba(0, 0, 0, .50);--transparency-dark-55:rgba(0, 0, 0, .55);--transparency-dark-60:rgba(0, 0, 0, .60);--transparency-dark-65:rgba(0, 0, 0, .65);--transparency-dark-70:rgba(0, 0, 0, .70);--transparency-dark-75:rgba(0, 0, 0, .75);--transparency-dark-80:rgba(0, 0, 0, .80);--transparency-dark-85:rgba(0, 0, 0, .85);--transparency-dark-90:rgba(0, 0, 0, .90);--transparency-light-05:rgba(255, 255, 255, .05);--transparency-light-10:rgba(255, 255, 255, .10);--transparency-light-15:rgba(255, 255, 255, .15);--transparency-light-20:rgba(255, 255, 255, .20);--transparency-light-25:rgba(255, 255, 255, .25);--transparency-light-30:rgba(255, 255, 255, .30);--transparency-light-35:rgba(255, 255, 255, .35);--transparency-light-45:rgba(255, 255, 255, .45);--transparency-light-50:rgba(255, 255, 255, .50);--transparency-light-55:rgba(255, 255, 255, .55);--transparency-light-95:rgba(255, 255, 255, .95)}*{outline:0}[class*=ClaimedServer-messageHeader-],[class*=MetadataPosterCardTitle-isSecondary-],[class*=MetadataPosterCardTitle-isSecondary-] a,[class*=PrePlaySummary-summary-],body,label,p{color:var(--text)!important}[class*=Link-default-],[class*=PrePlayTertiaryTitle-tertiaryTitle-],[class*=SourceSidebarLink-sourceLink-],[class*=SourceSidebarLink-title-]{color:var(--text)}[class*=PivotTab-button-]{color:var(--text)!important}[class*=PivotTabDropdown-isSelected-]{border-color:rgb(var(--accent-color))!important;border-bottom-width:5px!important;border-left:4px solid transparent!important;border-right:4px solid transparent!important;border-top-width:0!important;margin-top:-2px!important}[class*=MetadataPosterCardActions-editButton-],[class*=MetadataPosterCardActions-moreButton-]{color:rgb(var(--accent-color))!important}[class*=MetadataPosterCardActions-editButton-]:hover,[class*=MetadataPosterCardActions-moreButton-]:hover{color:var(--accent-color-hover)!important}.h1,.h2,.h3,.h4,.h5,.h6,[class*=CollapsibleText-readMore-],[class*=FormLabel-label-],[class*=HubTitle-hubTitle-],[class*=MenuHeader-menuHeader-WuKJVD],[class*=PageHeader-pageHeader-],[class*=PageHeaderTitle-title-],[class*=PrePlayDetailsGroupItem-label-],[class*=PrePlayLeftTitle-leftTitle-],[class*=PrePlayPrimaryTitle-primaryTitle-],[class*=PrePlayPrimaryTitle-primaryTitle-] a,[class*=ServerDashboardPageHeader-headerTitle-],[class*=SidebarList-sidebarListHeader-],h1,h2,h3,h4,h5,h6{color:var(--text-hover)!important}.text-muted{color:var(--text-muted)}[class*=Link-isSelected-],[class*=Link-primary-],[class*=MetadataPosterCardTitle-title-],[class*=MetadataPosterCardTitle-title-] a,[class*=PrePlayDetailsGroupItem-groupItem-] a,[class*=PrePlayTagListLink-tagsListLink-][class*=Link-default-],a,a[class*=MetadataPosterCardTitle-title-]{color:var(--link-color)}.artwork-file-container:hover a,[class*=Link-link-]:hover:not([type=button]):not([role=menuitem]):not([type=submit]),[class*=MetadataPosterCardTitle-title-] a:hover,a:hover,a[class*=MetadataPosterCardTitle-title-]:hover{color:var(--link-color-hover)}[class*=".MetadataTableRow-title-"] a:hover,[class*=MetadataPosterCardTitle-title-][class*=MetadataPosterCardTitle-isSecondary-377V8A] [class*=Link-link-1Kt-hA]:hover,[class*=MetadataPosterCardTitle-title-][class*=MetadataPosterCardTitle-isSecondary-377V8A]:hover,a[class*=MetadataTableRow-title-]:hover{color:var(--text-hover)!important}[class*=TopUsersCell-playHistoryLink-][class*=Link-link-]{color:var(--label-text-color)!important}#plex>div[class*=FullPageBackground-backgroundContainer-]>div>canvas,#plex>div[class*=FullPageBackground-backgroundContainer-]>div>div:first-child>canvas{display:none!important}[class*=FullPageBackground-backgroundContainer-],body{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.plex-preloader-container{background-color:transparent}[class*=BottomBar-bottomBar-]{background:var(--transparency-dark-70);box-shadow:0 0 4px 0 rgb(0 0 0 / 50%)}[class*=SourceSidebarLink-isSelected-]{box-shadow:inset 2px 0 0 0 rgb(var(--accent-color));background:rgb(var(--acceLine truncated

plex/space-gray.css

@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: radial-gradient(ellipse at center, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+
+  --drop-down-menu-bg: #576c75;
+
+  --button-color: #607D8B;
+  --button-color-hover: #81a6b7;
+  --button-text: #eee;
+  --button-text-hover: #fff;
+
+  --accent-color: 129, 166, 183;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #81a6b7;
+  --link-color-hover: #9adfff;
+  --label-text-color: #fff;
+
+  --text:#bbb;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #81a6b7; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #70aeca;
+  --petio-spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 129, 166, 183;
+  --overseerr-gradient: radial-gradient(ellipse at center, rgba(87, 108, 117, .9) 0%, rgba(37, 50, 55, .9) 100.2%) center center/cover no-repeat fixed;
+}