theme.park.app/CSS/themes/plex/plex-base.css

/*    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 ORGANIZR THEME */
* {
  outline: none;
}

#plex > div.FullPageBackground-backgroundContainer-3pQGmT > div > div:nth-child(2) {
  background: var(--main-bg-color);
}

.Link-primary-3jzk1w {
  color: var(--link-color) !important;
}

.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 {
  color: var(--button-color-hover);
}

.PageHeaderTabButton-isSelected--LulaD {
  background-color: rgba(0, 0, 0, .15);
  color: var(--link-color);
}

.btn-primary,
.Button-primary-BXmP5W {
  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,
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.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,
.background-container {
  opacity: 0;
  transition: opacity .5s;
}

.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-1KW2H8,
.SourceSidebar-collapsedSidebar-2U6H_u {
  background: rgba(0, 0, 0, 0.45);
}

.NavBar-container-1YySYJ {
  background: rgba(0, 0, 0, 0.95);
}

/* Navbar */
.NavBar-container-1T0BJz {
  background: rgba(0, 0, 0, 0.45);
}

.Menu-menu-2zqgoE {
  background: var(--modal-bg-color);
}

/*Text*/
.help-block,
.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*/
.modal-header,
.modal-footer,
.modal-body-with-panes,
.ModalHeader-modalHeader-aJOI_i,
.EditHomeModalContent-modalBody-1Poux5,
.EditHomeModalContent-footer-G8dmWw {
  background: var(--modal-bg-color);
}

.modal-header,
.ModalHeader-modalHeader-aJOI_i {
  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 {
  background: none;
}

.modal-list {
  background-color: rgba(0, 0, 0, 0.25);
}

.match-result-list-item>.match-result .match-score-info {
  color: #eee;
}

.fix-incorrect-match-modal .match-location {
  color: #eee;
}

/*Modal icon color*/
.edit-section-modal .wizard-blocks-group>.wizard-block {
  color: #ffffff;
}

.edit-lock-addon {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.25);
  border-color: #32323200;
}

.well {
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
}

.files ul li {
  color: #fff;
}


.MetadataPosterCardFace-face-3oaw1P:hover {
  box-shadow: 0 0 0 2px var(--accent-color);
}

.PlayButton-playButton-3g-Gk-:hover .PlayButton-playCircle-2hG_PH {
  border-color: var(--accent-color);
  background-color: var(--accent-color);
}

.PageHeaderTabDropdown-isSelected-1ERAX6 {
  border-color: var(--accent-color);
}

.SelectedMenuItem-isSelected-2P2GgF,
.SelectedMenuItem-isSelected-2P2GgF .SelectedMenuItem-selectedIcon-1JCon {
  color: var(--accent-color);
}

.Badge-primary-3UX8_g,
.alert-bar.notify {
  background-color: var(--accent-color);
}

.PrePlayCastCell-posterCardLinkContainer-1Ce-QB:hover {
  box-shadow: 0 0 0 2px var(--accent-color);
}

.SourceSidebarServerHeader-title-2oT9aS {
  color: var(--accent-color);

}

.SourceSidebarLink-isSelected-7ttE4w {
  box-shadow: inset 4px 0 0 0 var(--accent-color);
}

.MetadataPosterCardOverlay-unplayedBadge-OAvdeH {
  background-color: var(--poster-unwatched);
}
.PosterCardOverlayProgress-progressBar-1s57tW,
.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 {
  border-color: var(--accent-color) transparent transparent var(--accent-color);
}

.PlayPauseOverlay-playCircle-1xl6BG {
  border-color: var(--accent-color);
  background-color: var(--accent-color);
}

.SeekBar-seekBarFill-1x5nN0 {
  background-color: var(--accent-color);
}

.SeekBar-seekBarBuffer-2Td4tP {
  background-color: var(--accent-color);
  opacity: .2;
}

.VolumeSlider-fill-1JmRfE {
  background-color: var(--accent-color);
}

.IconButton-isActive-3RXALk {
  color: var(--accent-color);
}

.IconButton-isActive-3RXALk:hover {
  color: var(--accent-color);
  opacity: .7
}

.MetadataPosterCardFace-isSelected-2dld-q {
  box-shadow: 0 0 0 2px var(--accent-color);
}

.SelectButton-isSelected-1XM2EB .SelectButton-selectCircle-16d-90 {
  border-color: var(--accent-color);
  background-color: var(--accent-color);
  color: #000;
}
.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 {
  color: var(--link-color);
}

a:hover, .artwork-file-container:hover a {
  color: #eee;
}

.media-poster-container.selected .media-poster {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3), inset 0 0 0 3px var(--accent-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 {
  border-color: var(--accent-color) var(--accent-color) transparent transparent;
}

.force-hover .media-poster-container .media-poster,
.force-hover .media-poster-container .media-poster-fade,
.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 {
  background-color: var(--button-color);
}

.label-primary[href]:focus,
.label-primary[href]:hover {
  background-color: var(--button-color-hover);
  background-color: var(--button-color-hover);
}

.Link-isSelected-2ZBOCj {
  color: var(--accent-color);
}

.Link-link-3v-v0b:hover {
  color: #fff !important;
}

.SessionTile-playProgressPercent-1ptKaF {
  background-color: var(--accent-color);
}

.SessionTile-transcodeProgressPercent-2KFcyo {
  background-color: var(--accent-color);
  opacity: .3;
}

.edit-section-modal .wizard-blocks-group>.wizard-block.selected,
.edit-section-modal .wizard-blocks-group>.wizard-block.selected:hover {
  color: var(--accent-color);
}

.ServerMenuItem-selectedServerMenuItem-2adnD7 {
  color: var(--accent-color);
}

.ServerMenuItem-selectedIcon-g_vsnY {
  color: var(--accent-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 {
  color: var(--accent-color);
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  color: var(--accent-color);
}

.edit-lock-addon.locked {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

.media-poster-container.selected .media-poster:after {
  color: #eee;
}

.PosterCardLink-hoveredLink-3BYG1D {
  box-shadow: 0 0 0 1px var(--accent-color), 0 0 4px rgba(0, 0, 0, .3)
}

.MetadataPosterCard-legacyUnwatchedTag-2p_o9e {
  background-color: var(--poster-unwatched);
}

.MetadataPosterCardProgressBar-bar-28PJbT {
  background-color: var(--accent-color);
  transition: transform .6s ease-in-out;
}

.Button-primary-3Mfwv1 {
  background-color: var(--button-color);
  color: #fff;
}

.Button-primary-3Mfwv1:hover {
  background-color: var(--button-color-hover);
  color: #fff;
}

.Spinner-spinner-5E5Wk_ {
  border-color: var(--accent-color) transparent transparent var(--accent-color);
}

.PageHeaderMultiselectActions-container-5A7tEU {
  border: 2px solid var(--accent-color);
}

.PageHeaderMultiselectActions-count-HmMkQF {
  color: 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);
}