topaLE
/
theme.park.app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

plex wildcard remake

pull/179/head
gilbN 4 years ago
parent
7b3409c100
commit
cb906643e2
6 changed files with 268 additions and 342 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 23
      CSS/themes/plex/aquamarine.css
  2. 13
      CSS/themes/plex/dark.css
  3. 24
      CSS/themes/plex/hotline.css
  4. 11
      CSS/themes/plex/organizr-dark.css
  5. 523
      CSS/themes/plex/plex-base.css
  6. 16
      CSS/themes/plex/space-gray.css

23
CSS/themes/plex/aquamarine.css
View File

@ -13,11 +13,18 @@
/* PLEX AQUAMARINE THEME */ /* PLEX AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/plex/plex-base.css); @import url(https://gilbn.github.io/theme.park/CSS/themes/plex/plex-base.css);
:root { :root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--link-color: #009688; --text-color: #eee;
--button-color: #009688; --text-color-hover: #fff;
--button-color-hover: #12afa0; --text-muted: #ddd;
--accent-color: #009688; --button-color: #009688;
--poster-unwatched: #00d374; --button-color-hover: #12afa0;
} --button-text: #eee;
--button-text-hover: #FFF;
--accent-color: 18, 175, 160;
--accent-color-hover: #fff;
--link-color: #0ed2bf;
--link-color-hover: #FFF;
--poster-unwatched: #00d374;
}

13
CSS/themes/plex/dark.css
View File

@ -15,9 +15,16 @@
:root { :root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--link-color: #e5a00d; --text-color: #b7b7b7;
--text-color-hover: #fff;
--text-muted: #ddd;
--button-color: hsla(0,0%,100%,.15); --button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30); --button-color-hover: hsla(0,0%,100%,.30);
--accent-color: #e5a00d; --button-text: #eee;
--button-text-hover: #fff;
--accent-color: 229, 160, 13;
--accent-color-hover: #ffffff73;
--link-color: #e5a00d;
--link-color-hover: #FFF;
--poster-unwatched: #00d374; --poster-unwatched: #00d374;
} }

24
CSS/themes/plex/hotline.css
View File

@ -13,12 +13,18 @@
/* PLEX HOTLINE THEME */ /* PLEX HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/plex/plex-base.css); @import url(https://gilbn.github.io/theme.park/CSS/themes/plex/plex-base.css);
:root { :root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--link-color: #FFEB3B; --text-color: #eee;
--button-color: hsla(0,0%,100%,.15); --text-color-hover: #fff;
--button-color-hover: hsla(0,0%,100%,.30); --text-muted: #ddd;
--accent-color: #F44336; --button-color: #0b3161;
--accent-color-hover: #0b3161; --button-color-hover: rgb(244, 67, 54);
--poster-unwatched: #00d374; --button-text: #eee;
} --button-text-hover: #fff;
--accent-color: 244, 67, 54;
--accent-color-hover: rgba(255, 255, 255, .5);
--link-color: #f44336;
--link-color-hover: #FFF;
--poster-unwatched: #00d374;
}

11
CSS/themes/plex/organizr-dark.css
View File

@ -15,9 +15,16 @@
:root { :root {
--main-bg-color: #1f1f1f; --main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b; --modal-bg-color: #1b1b1b;
--link-color: #2cabe3; --text-color: #96a2b4;
--text-color-hover: #fff;
--text-muted: #ddd;
--button-color: #2cabe3; --button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8); --button-color-hover: rgb(44 171 227 / .8);
--accent-color: #2cabe3; --button-text: #eee;
--button-text-hover: #fff;
--accent-color: 44, 171, 227;
--accent-color-hover: #fff;
--link-color: #2cabe3;
--link-color-hover: #FFF;
--poster-unwatched: #2cabe3; --poster-unwatched: #2cabe3;
} }

523
CSS/themes/plex/plex-base.css
View File

@ -15,445 +15,338 @@
outline: none; outline: none;
} }
#plex > div.FullPageBackground-backgroundContainer-3pQGmT > div > div:nth-child(2) { /* TEXT */
background: var(--main-bg-color); body,
h1,
h2,
h3,
h4,
h5,
p,
label {
color: var(--text-color) !important;
} }
.Link-primary-3jzk1w { .text-muted {
color: var(--link-color) !important; color: var(--text-muted);
} }
.DisclosureArrow-isSelected-2pyYzm {
border-color: var(--link-color);
}
.Link-isSelected-2ZBOC {
color: var(--accent-color);
}
.ServerSettingsServerMenuButton-button-156qhk {
-webkit-filter: none !important;
filter: none !important;
}
.NavBarActivityButton-isHighlighted-2YqjDs:hover .NavBarActivityButton-activityIcon-3gF_TD {
background-color: var(--button-color-hover);
}
.NavBarActivityButton-isHighlighted-2YqjDs .NavBarActivityButton-label-O3mt7Y {
color: var(--link-color);
}
.NavBarActivityButton-isHighlighted-2YqjDs .NavBarActivityButton-activityIcon-3gF_TD {
background-color: var(--link-color);
}
.NavBarActivityButton-isHighlighted-2YqjDs:hover .NavBarActivityButton-label-O3mt7Y { /* LINKS */
color: var(--button-color-hover);
}
.PageHeaderTabButton-isSelected--LulaD { a,
background-color: rgba(0, 0, 0, .15); [class*="Link-primary"],
color: var(--link-color); [class*="Link-isSelected"] {
color: var(--link-color)
} }
.btn-primary, a:hover {
.Button-primary-BXmP5W { color: var(--link-color-hover);
border-color: var(--button-color);
background-color: var(--button-color);
}
.Button-primary-3Mfwv1.isDisabled {
background-color: var(--button-color);
color: rgba(0,0,0,.4);
opacity: .4;
}
.btn-primary:focus,
.btn-primary:hover,
.Button-primary-BXmP5W:hover {
color: #fff;
background-color: var(--button-color-hover);
} }
.Button-primary-3Mfwv1.isDisabled, /* BODY */
.btn-primary.disabled, [class*="FullPageBackground-backgroundContainer"] [class*="CrossFadeImage-crossFade"],
.btn-primary.disabled.active, #plex>[class*="FullPageBackground-backgroundContainer"]>div>div:nth-child(2) {
.btn-primary.disabled:active, background: var(--main-bg-color) !important;
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
background-color: var(--button-color);
} }
.background, [class*="BottomBar-bottomBar-"] {
.background-container { background-color: rgb(0 0 0 / 70%);
opacity: 0; box-shadow: 0 0 4px 0 rgb(0 0 0 / 50%);
transition: opacity .5s;
} }
.MetadataPosterCardOverlay-isActionsMenuOpen-1K9yNU .MetadataPosterCardOverlay-background-2EwyB, /* SIDEBAR */
.MetadataPosterCardOverlay-overlay-1giDeK:hover .MetadataPosterCardOverlay-background-2EwyB { [class*="SourceSidebar-openSidebar"],
background: -webkit-radial-gradient(50% 50% farthest-corner, rgba(0, 0, 0, 0.5) 0, #000000 100%) !important; [class*="SourceSidebar-sidebar"] {
background: radial-gradient(farthest-corner at 50% 50%, rgba(0, 0, 0, 0.5) 50%, #000000 100%) !important; background: rgba(0, 0, 0, .25) !important;
} }
/* Sidebar */ [class*="DisclosureArrow-isSelected"] {
.SourceSidebar-openSidebar-1KW2H8, border-color: rgb(var(--accent-color));
.SourceSidebar-collapsedSidebar-2U6H_u {
background: rgba(0, 0, 0, 0.45);
} }
.SourceSidebar-expandedSidebar-2nQ2kA { [class*="SourceSidebarLink-isSelected"] {
background: rgba(0, 0, 0, 0.95); box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important;
} }
/* Navbar */ /* NAVBAR */
.NavBar-container-1YySYJ { [class*="NavBar-container"] {
background: rgba(0, 0, 0, 0.45); background: rgba(0, 0, 0, .25) !important;
} }
.Menu-menu-2zqgoE { [class*="NavBarActivityButton-isHighlighted"] [class*="NavBarActivityButton-activityIcon"] {
background: var(--modal-bg-color); background: rgb(var(--accent-color));
color: #000;
} }
/*Text*/ [class*="NavBarActivityButton-isHighlighted"]:hover [class*="NavBarActivityButton-activityIcon"] {
.help-block, background-color: var(--accent-color-hover);
.ClaimedServer-messageHeader-ZDhlAv,
.btn-gray,
.text-muted label {
color: #fff;
}
/*Agents*/
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
background-color: rgba(0, 0, 0, 0.25);
} }
/*Modal*/ [class*="NavBarActivityButton-isHighlighted"] [class*="NavBarActivityButton-label"] {
.modal-header, color: rgb(var(--accent-color));
.modal-footer,
.modal-body-with-panes,
.ModalHeader-modalHeader-aJOI_i,
.EditHomeModalContent-modalBody-1Poux5,
.EditHomeModalContent-footer-G8dmWw {
background: var(--modal-bg-color);
} }
.modal-header, [class*="NavBarActivityButton-isHighlighted"]:hover [class*="NavBarActivityButton-label"] {
.ModalHeader-modalHeader-aJOI_i { color: var(--accent-color-hover);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
} }
.modal-footer,
.EditHomeModalContent-footer-G8dmWw {
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.modal-body {
background: var(--modal-bg-color);
}
body>div.user-select-modal.modal.modal-transparent.fade.in>div>div.modal-content>div>div.modal-body {
background: none;
}
#pin-form>div { /* ACCENTS */
background: none;
}
.modal-list { [class*="PageHeaderTabButton-isSelected"],
background-color: rgba(0, 0, 0, 0.25); [class*="PageHeaderTabDropdown-isSelected"],
[class*="MultiSelectPageHeader-selectedTitle"] {
color: rgb(var(--accent-color));
border-color: rgb(var(--accent-color));
} }
.match-result-list-item>.match-result .match-score-info { [class*="MetadataPosterCardOverlay-unplayedBadge"],
color: #eee; [class*="MetadataPosterCard-legacyUnwatchedTag-"] {
background-color: var(--poster-unwatched);
} }
.fix-incorrect-match-modal .match-location { [class*="MetadataPosterCardFace"]:hover,
color: #eee; [class*="PosterCardLink-hoveredLink"] {
box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 4px rgb(0 0 0 / 30%);
} }
/*Modal icon color*/ [class*="MultiSelectPageHeader-multiSelectPageHeader"] {
.edit-section-modal .wizard-blocks-group>.wizard-block { box-shadow: 0 2px 0 0 rgb(var(--accent-color));
color: #ffffff;
} }
.edit-lock-addon { [class*="MetadataPosterCardFace-isSelected"] {
color: #ffffff; box-shadow: 0 0 0 2px rgb(var(--accent-color)), 0 0 4px rgb(0 0 0 / 30%);
background-color: rgba(0, 0, 0, 0.25);
border-color: #32323200;
} }
.well { [class*="SelectButton-isSelected"] [class*="SelectButton-selectCircle"] {
background-color: rgba(0, 0, 0, 0.25); border-color: rgb(var(--accent-color));
border: 1px solid transparent; background-color: rgb(var(--accent-color));
box-shadow: 0 0 4px rgb(0 0 0 / 60%);
color: rgba(0, 0, 0, .75);
transform: scale(1.4);
} }
.files ul li { [class*="PlayButton-playButton"]:hover [class*="PlayButton-playCircle-"],
color: #fff; [class*="PlayPauseOverlay-playCircle-"] {
border-color: rgb(var(--accent-color));
background-color: rgb(var(--accent-color));
color: #1f2326;
} }
[class*="PosterCardOverlayProgress-progressBar"],
.MetadataPosterCardFace-face-3oaw1P:hover { [class*="MetadataPosterCardProgressBar-bar"],
box-shadow: 0 0 0 2px var(--accent-color); [class*="SeekBar-seekBarFill-"],
[class*="VolumeSlider-fill-"],
[class*="SessionTile-playProgressPercent"] {
background-color: rgb(var(--accent-color));
} }
.PlayButton-playButton-3g-Gk-:hover .PlayButton-playCircle-2hG_PH { [class*="SeekBar-seekBarBuffer"],
border-color: var(--accent-color); [class*="SessionTile-transcodeProgressPercent"] {
background-color: var(--accent-color); background-color: rgba(var(--accent-color), .3);
} }
.PageHeaderTabDropdown-isSelected-1ERAX6 { [class*="SessionTileDetails-playerContainer"] {
border-color: var(--accent-color); background-color: rgb(var(--accent-color), .2)
} }
.SelectedMenuItem-isSelected-2P2GgF, [class*="SessionTileDetails-videoStreamInformation"] {
.SelectedMenuItem-isSelected-2P2GgF .SelectedMenuItem-selectedIcon-1JCon { background-color: rgb(var(--accent-color), .15)
color: var(--accent-color);
} }
.Badge-primary-3UX8_g, [class*="SessionTileDetails-audioStreamInformation"] {
.alert-bar.notify { background-color: rgb(var(--accent-color), .1)
background-color: var(--accent-color);
} }
.PrePlayCastCell-posterCardLinkContainer-1Ce-QB:hover { [class*="SelectedMenuItem-isSelected"],
box-shadow: 0 0 0 2px var(--accent-color); [class*="SelectedMenuItem-isSelected"] [class*="SelectedMenuItem-selectedIcon"],
[class*="IconButton-isActive-"] {
color: rgb(var(--accent-color));
} }
.SourceSidebarServerHeader-title-2oT9aS { [class*="IconButton-isActive-"]:hover {
color: var(--accent-color); color: rgb(var(--accent-color-hover));
} }
.SourceSidebarLink-isSelected-7ttE4w { [class*="Spinner-spinner"] {
box-shadow: inset 4px 0 0 0 var(--accent-color); border-color: rgb(var(--accent-color)) transparent transparent rgb(var(--accent-color));
border-top-color: rgb(var(--accent-color)) !important;
border-left-color: rgb(var(--accent-color)) !important;
} }
.MetadataPosterCardOverlay-unplayedBadge-OAvdeH { [class*="CircularProgressBar-circularProgressBar"] {
background-color: var(--poster-unwatched); stroke-width: 2;
} stroke: rgb(var(--accent-color));
.PosterCardOverlayProgress-progressBar-1s57tW, stroke-dashoffset: 0;
.MetadataPosterCard-legacyMultiVersionBadge-2CCcrj,
.MetadataPosterCardOverlay-unplayedBadge-OAvdeH {
background-color: var(--accent-color);
color: #000;
} }
.Spinner-spinner-CSMaLA {
border-color: var(--accent-color) transparent transparent var(--accent-color);
border-top-color: var(--accent-color) !important;
border-left-color: var(--accent-color) !important;
}
.CircularProgressBar-circularProgressBar-CcbTjD {
stroke-width: 2;
stroke: var(--accent-color);
stroke-dashoffset: 0;
}
.loading { .loading {
border-color: var(--accent-color) transparent transparent var(--accent-color); border-color: rgb(var(--accent-color)) transparent transparent rgb(var(--accent-color));
} }
.PlayPauseOverlay-playCircle-1xl6BG { .media-poster-container.selected .media-poster,
border-color: var(--accent-color); .media-poster-container:hover .media-poster {
background-color: var(--accent-color); -webkit-box-shadow: 0 0 4px rgb(0 0 0 / 30%), inset 0 0 0 3px rgb(var(--accent-color));
box-shadow: 0 0 4px rgb(0 0 0 / 30%), inset 0 0 0 3px rgb(var(--accent-color));
} }
.SeekBar-seekBarFill-1x5nN0 { .media-poster-container.selected .media-poster:before {
background-color: var(--accent-color); border-color: rgb(var(--accent-color)) rgb(var(--accent-color)) transparent transparent;
} }
.SeekBar-seekBarBuffer-2Td4tP { .media-poster-container.selected .media-poster:after {
background-color: var(--accent-color); color: var(--button-text)
opacity: .2;
} }
.VolumeSlider-fill-1JmRfE { [class*="NavBarActivityMenuStatusItem-statusButtonIndicator"] {
background-color: var(--accent-color); color: rgb(var(--accent-color));
} }
.IconButton-isActive-3RXALk { /* MODAL */
color: var(--accent-color); [class*="ModalContent-modalContent-"] {
background: var(--modal-bg-color);
} }
.IconButton-isActive-3RXALk:hover { .modal-header {
color: var(--accent-color); padding: 15px 20px;
opacity: .7 background: var(--modal-bg-color);
border-bottom: 1px solid rgba(255, 255, 255, .05);
} }
.MetadataPosterCardFace-isSelected-2dld-q { .modal-content {
box-shadow: 0 0 0 2px var(--accent-color); position: relative;
background: var(--modal-bg-color);
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 3px;
-webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
background-clip: padding-box;
outline: none;
} }
.SelectButton-isSelected-1XM2EB .SelectButton-selectCircle-16d-90 { .modal-footer {
border-color: var(--accent-color); padding: 15px 20px;
background-color: var(--accent-color); margin-top: 0;
color: #000; background: var(--modal-bg-color);
} border-top: 1px solid rgba(255, 255, 255, .05);
.SelectButton-selectedCircle-2zHVBT {
border-color: var(--button-color);
background-color: var(--button-color);
color: #000;
}
.SelectButton-selectButton-1C3dP4.isActive .SelectButton-selectCircle-2NTkCS,
.SelectButton-selectButton-Yy19xn.isActive .SelectButton-selectCircle-16d-90 {
background-color: var(--button-color);
}
.btn-gray.selected {
color: var(--accent-color);
} }
a { .well,
color: var(--link-color); .files ul li {
color: var(--text-color);
background-color: rgb(255 255 255 / 10%);
border: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
} }
a:hover, .artwork-file-container:hover a { .edit-section-modal .wizard-blocks-group>.wizard-block.selectable:hover {
color: #eee; color: var(--text-color-hover);
background-color: rgba(255, 255, 255, .05);
} }
.media-poster-container.selected .media-poster { .edit-section-modal .wizard-blocks-group>.wizard-block.selectable {
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3), inset 0 0 0 3px var(--accent-color); color: var(--text-color)
box-shadow: 0 0 4px rgba(0, 0, 0, .3), inset 0 0 0 3px var(--accent-color);
} }
.media-poster-container.selected .media-poster:before { .striped-list-item>.striped-list-inner-item>.selected,
border-color: var(--accent-color) var(--accent-color) transparent transparent; .striped-list-item>a.selected {
border-left: 3px solid rgb(var(--accent-color));
} }
.force-hover .media-poster-container .media-poster, .modal-header>h4>.modal-icon {
.force-hover .media-poster-container .media-poster-fade, color: var(--text-color-hover);
.media-poster-container:focus .media-poster,
.media-poster-container:focus .media-poster-fade,
.media-poster-container:hover .media-poster,
.media-poster-container:hover .media-poster-fade {
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3), inset 0 0 0 2px var(--accent-color);
box-shadow: 0 0 4px rgba(0, 0, 0, .3), inset 0 0 0 2px var(--accent-color);
} }
.label-primary { /* BUTTONS */
.btn-primary {
border-color: var(--button-color);
color: #fff;
background-color: var(--button-color); background-color: var(--button-color);
-webkit-transition: background-color .1s;
transition: background-color .1s;
} }
.label-primary[href]:focus, .btn-primary:focus,
.label-primary[href]:hover { .btn-primary:hover {
background-color: var(--button-color-hover); color: #fff;
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
} }
.Link-isSelected-2ZBOCj { [class*="Button-primary"].isDisabled {
color: var(--accent-color); background: var(--button-color);
}
.Link-link-3v-v0b:hover {
color: #fff !important;
}
.SessionTile-playProgressPercent-1ptKaF {
background-color: var(--accent-color);
} }
.SessionTile-transcodeProgressPercent-2KFcyo { .btn-primary.disabled,
background-color: var(--accent-color); .btn-primary.disabled.active,
opacity: .3; .btn-primary.disabled:active,
} .btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.edit-section-modal .wizard-blocks-group>.wizard-block.selected, .btn-primary[disabled],
.edit-section-modal .wizard-blocks-group>.wizard-block.selected:hover { .btn-primary[disabled].active,
color: var(--accent-color); .btn-primary[disabled]:active,
} .btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
.ServerMenuItem-selectedServerMenuItem-2adnD7 { fieldset[disabled] .btn-primary,
color: var(--accent-color); fieldset[disabled] .btn-primary.active,
} fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
.ServerMenuItem-selectedIcon-g_vsnY { fieldset[disabled] .btn-primary:hover {
color: var(--accent-color); background-color: var(--button-color);
}
.NavBarActivityMenuStatusItem-statusButtonIndicator-2cc7cL {
color: var(--accent-color);
}
.MetadataTitleProgress-unwatchedCircle-1x2O97 {
background-color: var(--accent-color);
}
.MultiSelectPageHeader-multiSelectPageHeader-v5rhWY {
box-shadow: 0 2px 0 0 var(--accent-color);
}
.MultiSelectPageHeader-selectedTitle-iKZPvL {
color: var(--accent-color);
} }
.PlexPassUpsell-icon-c1vt03 { .btn-gray.selected {
color: var(--accent-color); color: rgb(var(--accent-color));
} }
.nav-pills>li.active>a, .btn-gray {
.nav-pills>li.active>a:focus, color: var(--text-color);
.nav-pills>li.active>a:hover {
color: var(--accent-color);
} }
.edit-lock-addon.locked { .edit-lock-addon.locked {
background-color: var(--accent-color); color: #fff;
border-color: var(--accent-color); background-color: var(--button-color);
} border-color: var(--button-color);
.media-poster-container.selected .media-poster:after {
color: #eee;
} }
.PosterCardLink-hoveredLink-3BYG1D { .edit-lock-addon {
box-shadow: 0 0 0 1px var(--accent-color), 0 0 4px rgba(0, 0, 0, .3) color: var(--button-color-hover);
background-color: rgba(0, 0, 0, .5);
border-color: transparent;
-webkit-box-shadow: 0 0 2px rgb(0 0 0 / 30%), inset -2px 2px 2px rgb(0 0 0 / 10%);
box-shadow: 0 0 2px rgb(0 0 0 / 30%), inset -2px 2px 2px rgb(0 0 0 / 10%);
} }
.MetadataPosterCard-legacyUnwatchedTag-2p_o9e { .edit-section-modal .wizard-blocks-group>.wizard-block.selected,
background-color: var(--poster-unwatched); .edit-section-modal .wizard-blocks-group>.wizard-block.selected:hover {
color: rgb(var(--accent-color));
} }
.MetadataPosterCardProgressBar-bar-28PJbT { .edit-section-modal .wizard-blocks-group>.wizard-block {
background-color: var(--accent-color); color: var(--text-color);
transition: transform .6s ease-in-out;
} }
.Button-primary-3Mfwv1 { [class*="Button-primary-"] {
background-color: var(--button-color); background-color: var(--button-color);
color: #fff; color: var(--button-text);
} }
.Button-primary-3Mfwv1:hover { [class*="Button-primary-"]:hover {
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
color: #fff; color: var(--button-text-hover);
} }
.Spinner-spinner-5E5Wk_ { /* DROPDOWN MENU */
border-color: var(--accent-color) transparent transparent var(--accent-color); [class*="Menu-menu"] {
} background: var(--modal-bg-color);
.PageHeaderMultiselectActions-container-5A7tEU {
border: 2px solid var(--accent-color);
} }
.PageHeaderMultiselectActions-count-HmMkQF { [class*="ServerMenuItem-selectedServerMenuItem"],
color: var(--accent-color); [class*="ServerMenuItem-selectedIcon"] {
} color: rgb(var(--accent-color));
.MetadataPosterCard-legacyUnwatchedEpisodesBadge-PxtEaD { }
background-color: var(--poster-unwatched);
color: #ffffff;
}
.MetadataPosterCard-hoveredSelectedLink-3XsEZh, .MetadataPosterCard-selectedLink-2yBNf3 {
box-shadow: 0 0 0 2px var(--accent-color), 0 0 4px rgba(0,0,0,.3);
}

16
CSS/themes/plex/space-gray.css
View File

@ -14,11 +14,17 @@
@import url(https://gilbn.github.io/theme.park/CSS/themes/plex/plex-base.css); @import url(https://gilbn.github.io/theme.park/CSS/themes/plex/plex-base.css);
:root { :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; --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: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--link-color: #70aeca; --text-color: #eee;
--button-color: #70aeca; --text-color-hover: #fff;
--text-muted: #ddd;
--button-color: #607D8B;
--button-color-hover: #81a6b7; --button-color-hover: #81a6b7;
--accent-color: #70aeca; --button-text: #eee;
--accent-color-hover: #81a6b7; --button-text-hover: #fff;
--accent-color: 129, 166, 183;
--accent-color-hover: #607D8B;
--link-color: #9adfff;
--link-color-hover: #FFF;
--poster-unwatched: #70aeca; --poster-unwatched: #70aeca;
} }
Write Preview
Loading…
Cancel
Save