From f0d4780c853dbe5d202070ba848808015e6ee9a9 Mon Sep 17 00:00:00 2001 From: apathy <12659760+apathy@users.noreply.github.com> Date: Sun, 28 Mar 2021 18:24:54 +0300 Subject: [PATCH] updated all plex values for 4.54.4 and more added a better solution to changing the background as the previous way doesn't work anymore and would break being able to watch anything on the plex app (desktop), fixed some recent changes with navbar mainly --- CSS/themes/plex/plex-base.css | 154 +++++++++++++++++----------------- 1 file changed, 77 insertions(+), 77 deletions(-) diff --git a/CSS/themes/plex/plex-base.css b/CSS/themes/plex/plex-base.css index 598cafb5..765e6194 100644 --- a/CSS/themes/plex/plex-base.css +++ b/CSS/themes/plex/plex-base.css @@ -15,67 +15,67 @@ outline: none; } -body { +#plex > div.FullPageBackground-backgroundContainer-3pQGmT > div > div:nth-child(2) { background: var(--main-bg-color); } -.Link-primary-1vcAGA { +.Link-primary-3jzk1w { color: var(--link-color) !important; } -.DisclosureArrow-isSelected-QMJhDY { +.DisclosureArrow-isSelected-2pyYzm { border-color: var(--link-color); } -.Link-isSelected-IRm9uM { +.Link-isSelected-2ZBOC { color: var(--accent-color); } -.ServerSettingsServerMenuButton-button-24D7lE { +.ServerSettingsServerMenuButton-button-156qhk { -webkit-filter: none !important; filter: none !important; } -.NavBarActivityButton-isHighlighted-27qlko:hover .NavBarActivityButton-label-2ZN0gQ { - color: var(--button-color-hover); +.NavBarActivityButton-isHighlighted-2YqjDs:hover .NavBarActivityButton-activityIcon-3gF_TD { + background-color: var(--button-color-hover); } -.NavBarActivityButton-isHighlighted-27qlko .NavBarActivityButton-activityIcon-1Db2GP { - background-color: var(--link-color); +.NavBarActivityButton-isHighlighted-2YqjDs .NavBarActivityButton-label-O3mt7Y { + color: var(--link-color); } -.NavBarActivityButton-isHighlighted-27qlko .NavBarActivityButton-label-2ZN0gQ { - color: var(--link-color); +.NavBarActivityButton-isHighlighted-2YqjDs .NavBarActivityButton-activityIcon-3gF_TD { + background-color: var(--link-color); } -.NavBarActivityButton-isHighlighted-27qlko:hover .NavBarActivityButton-activityIcon-1Db2GP { - background-color: var(--button-color-hover); +.NavBarActivityButton-isHighlighted-2YqjDs:hover .NavBarActivityButton-label-O3mt7Y { + color: var(--button-color-hover); } -.PageHeaderTabButton-isSelected-25CIS7 { +.PageHeaderTabButton-isSelected--LulaD { background-color: rgba(0, 0, 0, .15); color: var(--link-color); } .btn-primary, -.Button-primary-3fwLzo { +.Button-primary-BXmP5W { border-color: var(--button-color); background-color: var(--button-color); } -.Button-primary-3z8akl.isDisabled { +.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-3fwLzo:hover { +.Button-primary-BXmP5W:hover { color: #fff; background-color: var(--button-color-hover); } -.Button-primary-3fwLzo.isDisabled, +.Button-primary-3Mfwv1.isDisabled, .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, @@ -100,19 +100,19 @@ fieldset[disabled] .btn-primary:hover { transition: opacity .5s; } -.MetadataPosterCardOverlay-isActionsMenuOpen-AvHIX .MetadataPosterCardOverlay-background-2EwyB, -.MetadataPosterCardOverlay-overlay-1uMpL:hover .MetadataPosterCardOverlay-background-2EwyB { +.MetadataPosterCardOverlay-isActionsMenuOpen-1K9yNU .MetadataPosterCardOverlay-background-2EwyB, +.MetadataPosterCardOverlay-overlay-1giDeK:hover .MetadataPosterCardOverlay-background-2EwyB { background: -webkit-radial-gradient(50% 50% farthest-corner, rgba(0, 0, 0, 0.5) 0, #000000 100%) !important; background: radial-gradient(farthest-corner at 50% 50%, rgba(0, 0, 0, 0.5) 50%, #000000 100%) !important; } /* Sidebar */ -.SourceSidebar-openSidebar-364QEr, -.SourceSidebar-collapsedSidebar-3MDUee { +.SourceSidebar-openSidebar-1KW2H8, +.SourceSidebar-collapsedSidebar-2U6H_u { background: rgba(0, 0, 0, 0.45); } -.SourceSidebar-expandedSidebar-ljacXC { +.NavBar-container-1YySYJ { background: rgba(0, 0, 0, 0.95); } @@ -121,13 +121,13 @@ fieldset[disabled] .btn-primary:hover { background: rgba(0, 0, 0, 0.45); } -.Menu-menu-3XnN6J { +.Menu-menu-2zqgoE { background: var(--modal-bg-color); } /*Text*/ .help-block, -.ClaimedServer-messageHeader-3uzatL, +.ClaimedServer-messageHeader-ZDhlAv, .btn-gray, .text-muted label { color: #fff; @@ -144,19 +144,19 @@ fieldset[disabled] .btn-primary:hover { .modal-header, .modal-footer, .modal-body-with-panes, -.ModalHeader-modalHeader-1Kf9RW, -.EditHomeModalContent-modalBody-2rHN2d, -.EditHomeModalContent-footer-10Ix6N { +.ModalHeader-modalHeader-aJOI_i, +.EditHomeModalContent-modalBody-1Poux5, +.EditHomeModalContent-footer-G8dmWw { background: var(--modal-bg-color); } .modal-header, -.ModalHeader-modalHeader-1Kf9RW { +.ModalHeader-modalHeader-aJOI_i { border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .modal-footer, -.EditHomeModalContent-footer-10Ix6N { +.EditHomeModalContent-footer-G8dmWw { border-top: 1px solid rgba(255, 255, 255, 0.08); } @@ -205,58 +205,58 @@ body>div.user-select-modal.modal.modal-transparent.fade.in>div>div.modal-content } -.MetadataPosterCardFace-face--dz_Dx:hover { +.MetadataPosterCardFace-face-3oaw1P:hover { box-shadow: 0 0 0 2px var(--accent-color); } -.PlayButton-playButton-3WX8X-:hover .PlayButton-playCircle-3Evfdw { +.PlayButton-playButton-3g-Gk-:hover .PlayButton-playCircle-2hG_PH { border-color: var(--accent-color); background-color: var(--accent-color); } -.PageHeaderTabDropdown-isSelected-FK5pDv { +.PageHeaderTabDropdown-isSelected-1ERAX6 { border-color: var(--accent-color); } -.SelectedMenuItem-isSelected-178xe1, -.SelectedMenuItem-isSelected-178xe1 .SelectedMenuItem-selectedIcon-20Yx1_ { +.SelectedMenuItem-isSelected-2P2GgF, +.SelectedMenuItem-isSelected-2P2GgF .SelectedMenuItem-selectedIcon-1JCon { color: var(--accent-color); } -.Badge-primary-3suJx3, +.Badge-primary-3UX8_g, .alert-bar.notify { background-color: var(--accent-color); } -.PrePlayCastCell-posterCardLinkContainer-27hxZ8:hover { +.PrePlayCastCell-posterCardLinkContainer-1Ce-QB:hover { box-shadow: 0 0 0 2px var(--accent-color); } -.SourceSidebarServerHeader-title-3zMGa0 { +.SourceSidebarServerHeader-title-2oT9aS { color: var(--accent-color); } -.SourceSidebarLink-isSelected-27-9-6 { +.SourceSidebarLink-isSelected-7ttE4w { box-shadow: inset 4px 0 0 0 var(--accent-color); } -.MetadataPosterCardOverlay-unplayedBadge-2hKHo5 { +.MetadataPosterCardOverlay-unplayedBadge-OAvdeH { background-color: var(--poster-unwatched); } -.PosterCardOverlayProgress-progressBar-3k291O, +.PosterCardOverlayProgress-progressBar-1s57tW, .MetadataPosterCard-legacyMultiVersionBadge-2CCcrj, -.MetadataPosterCardOverlay-unplayedBadge-2hKHo5 { +.MetadataPosterCardOverlay-unplayedBadge-OAvdeH { background-color: var(--accent-color); color: #000; } -.Spinner-spinner-Niere7 { +.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-3gv7mU { +.CircularProgressBar-circularProgressBar-CcbTjD { stroke-width: 2; stroke: var(--accent-color); stroke-dashoffset: 0; @@ -265,49 +265,49 @@ stroke-dashoffset: 0; border-color: var(--accent-color) transparent transparent var(--accent-color); } -.PlayPauseOverlay-playCircle-3ydPYX { +.PlayPauseOverlay-playCircle-1xl6BG { border-color: var(--accent-color); background-color: var(--accent-color); } -.SeekBar-seekBarFill-1Lcu0w { +.SeekBar-seekBarFill-1x5nN0 { background-color: var(--accent-color); } -.SeekBar-seekBarBuffer-3bUz95 { +.SeekBar-seekBarBuffer-2Td4tP { background-color: var(--accent-color); opacity: .2; } -.VolumeSlider-fill-3XkYyD { +.VolumeSlider-fill-1JmRfE { background-color: var(--accent-color); } -.IconButton-isActive-1_AJJ- { +.IconButton-isActive-3RXALk { color: var(--accent-color); } -.IconButton-isActive-1_AJJ-:hover { +.IconButton-isActive-3RXALk:hover { color: var(--accent-color); opacity: .7 } -.MetadataPosterCardFace-isSelected-1XUgkl { +.MetadataPosterCardFace-isSelected-2dld-q { box-shadow: 0 0 0 2px var(--accent-color); } -.SelectButton-isSelected-3mX245 .SelectButton-selectCircle-3tdvGt { +.SelectButton-isSelected-1XM2EB .SelectButton-selectCircle-16d-90 { border-color: var(--accent-color); background-color: var(--accent-color); color: #000; } -.SelectButton-selectedCircle-264nVE { +.SelectButton-selectedCircle-2zHVBT { border-color: var(--button-color); background-color: var(--button-color); color: #000; } -.SelectButton-selectButton-3jGXzS.isActive .SelectButton-selectCircle-ec9No3, -.SelectButton-selectButton-3Kbjm9.isActive .SelectButton-selectCircle-3tdvGt { +.SelectButton-selectButton-1C3dP4.isActive .SelectButton-selectCircle-2NTkCS, +.SelectButton-selectButton-Yy19xn.isActive .SelectButton-selectCircle-16d-90 { background-color: var(--button-color); } .btn-gray.selected { @@ -351,19 +351,19 @@ a:hover, .artwork-file-container:hover a { background-color: var(--button-color-hover); } -.Link-isSelected-1XdDvu { +.Link-isSelected-2ZBOCj { color: var(--accent-color); } -.Link-link-2n0yJn:hover { +.Link-link-3v-v0b:hover { color: #fff !important; } -.SessionTile-playProgressPercent-1_FcEg { +.SessionTile-playProgressPercent-1ptKaF { background-color: var(--accent-color); } -.SessionTile-transcodeProgressPercent-K1k4ZQ { +.SessionTile-transcodeProgressPercent-2KFcyo { background-color: var(--accent-color); opacity: .3; } @@ -373,31 +373,31 @@ a:hover, .artwork-file-container:hover a { color: var(--accent-color); } -.ServerMenuItem-selectedServerMenuItem-jaUTXA { +.ServerMenuItem-selectedServerMenuItem-2adnD7 { color: var(--accent-color); } -.ServerMenuItem-selectedIcon-dhK05- { +.ServerMenuItem-selectedIcon-g_vsnY { color: var(--accent-color); } -.NavBarActivityMenuStatusItem-statusButtonIndicator-3D2d1i { +.NavBarActivityMenuStatusItem-statusButtonIndicator-2cc7cL { color: var(--accent-color); } -.MetadataTitleProgress-unwatchedCircle-25KKnh { +.MetadataTitleProgress-unwatchedCircle-1x2O97 { background-color: var(--accent-color); } -.MultiSelectPageHeader-multiSelectPageHeader-MIQA1B { +.MultiSelectPageHeader-multiSelectPageHeader-v5rhWY { box-shadow: 0 2px 0 0 var(--accent-color); } -.MultiSelectPageHeader-selectedTitle-1kn-xo { +.MultiSelectPageHeader-selectedTitle-iKZPvL { color: var(--accent-color); } -.PlexPassUpsell-icon-1r94uI { +.PlexPassUpsell-icon-c1vt03 { color: var(--accent-color); } @@ -416,44 +416,44 @@ a:hover, .artwork-file-container:hover a { color: #eee; } -.PosterCardLink-hoveredLink-AhlkMt { +.PosterCardLink-hoveredLink-3BYG1D { box-shadow: 0 0 0 1px var(--accent-color), 0 0 4px rgba(0, 0, 0, .3) } -.MetadataPosterCard-legacyUnwatchedTag-3f03pS { +.MetadataPosterCard-legacyUnwatchedTag-2p_o9e { background-color: var(--poster-unwatched); } -.MetadataPosterCardProgressBar-bar-3N2AjG { +.MetadataPosterCardProgressBar-bar-28PJbT { background-color: var(--accent-color); transition: transform .6s ease-in-out; } -.Button-primary-3z8akl { +.Button-primary-3Mfwv1 { background-color: var(--button-color); color: #fff; } -.Button-primary-3z8akl:hover { +.Button-primary-3Mfwv1:hover { background-color: var(--button-color-hover); color: #fff; } -.Spinner-spinner-1qRM4t { +.Spinner-spinner-5E5Wk_ { border-color: var(--accent-color) transparent transparent var(--accent-color); } -.PageHeaderMultiselectActions-container-2k4DLu { +.PageHeaderMultiselectActions-container-5A7tEU { border: 2px solid var(--accent-color); } -.PageHeaderMultiselectActions-count-2fQWwV { +.PageHeaderMultiselectActions-count-HmMkQF { color: var(--accent-color); } -.MetadataPosterCard-legacyUnwatchedEpisodesBadge-3kelZP { +.MetadataPosterCard-legacyUnwatchedEpisodesBadge-PxtEaD { background-color: var(--poster-unwatched); color: #ffffff; } -.MetadataPosterCard-hoveredSelectedLink-3RwC7J, .MetadataPosterCard-selectedLink-3ZfYeB { +.MetadataPosterCard-hoveredSelectedLink-3XsEZh, .MetadataPosterCard-selectedLink-2yBNf3 { box-shadow: 0 0 0 2px var(--accent-color), 0 0 4px rgba(0,0,0,.3); -} \ No newline at end of file +}