1
0
mirror of https://github.com/gilbN/theme.park.git synced 2024-11-14 23:22:39 +01:00
theme.park/CSS/themes/plex/plex-base.css
2020-07-26 21:34:57 +02:00

194 lines
6.4 KiB
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 */
body {
background: var(--main-bg-color);
}
.Link-primary-1vcAGA {
color: var(--link-color) !important;
}
.DisclosureArrow-isSelected-QMJhDY {
border-color: var(--link-color);
}
.Link-isSelected-IRm9uM {
color: var(--accent-color);
}
.ServerSettingsServerMenuButton-button-24D7lE {
-webkit-filter: none !important;
filter: none !important;
}
.NavBarActivityButton-isHighlighted-27qlko:hover .NavBarActivityButton-label-2ZN0gQ {
color: var(--button-color-hover);
}
.NavBarActivityButton-isHighlighted-27qlko .NavBarActivityButton-activityIcon-1Db2GP {
background-color: var(--link-color);
}
.NavBarActivityButton-isHighlighted-27qlko .NavBarActivityButton-label-2ZN0gQ {
color: var(--link-color);
}
.NavBarActivityButton-isHighlighted-27qlko:hover .NavBarActivityButton-activityIcon-1Db2GP {
background-color: var(--button-color-hover);
}
.PageHeaderTabButton-isSelected-25CIS7 {
background-color: rgba(0,0,0,.15);
color: var(--link-color);
}
.btn-primary, .Button-primary-3fwLzo {
border-color: var(--button-color);
background-color: var(--button-color);
}
.btn-primary:focus, .btn-primary:hover, .Button-primary-3fwLzo:hover {
color: #fff;
background-color: var( --button-color-hover);
}
.Button-primary-3fwLzo.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-AvHIX .MetadataPosterCardOverlay-background-2EwyB,
.MetadataPosterCardOverlay-overlay-1uMpL: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 {
background: rgba(0, 0, 0, 0.45);
}
.SourceSidebar-expandedSidebar-ljacXC {
background: rgba(0, 0, 0, 0.95);
}
/* Navbar */
.NavBar-container-1T0BJz {
background: rgba(0, 0, 0, 0.45);
}
.Menu-menu-3XnN6J {
background: var(--modal-bg-color);
}
/*Text*/
.help-block, .ClaimedServer-messageHeader-3uzatL, .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-1Kf9RW, .EditHomeModalContent-modalBody-2rHN2d, .EditHomeModalContent-footer-10Ix6N {
background: var(--modal-bg-color);
}
.modal-header, .ModalHeader-modalHeader-1Kf9RW {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.modal-footer, .EditHomeModalContent-footer-10Ix6N {
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;
}
.MetadataPosterCardOverlay-unplayedBadge-2hKHo5 {
background-color: var(--accent-color);
}
.MetadataPosterCardFace-face--dz_Dx:hover {
box-shadow: 0 0 0 2px var(--accent-color);
}
.PlayButton-playButton-3WX8X-:hover .PlayButton-playCircle-3Evfdw {
border-color: var(--accent-color);
background-color: var(--accent-color);
}
.PageHeaderTabDropdown-isSelected-FK5pDv {
border-color: var(--accent-color);
}
.SelectedMenuItem-isSelected-178xe1, .SelectedMenuItem-isSelected-178xe1 .SelectedMenuItem-selectedIcon-20Yx1_ {
color: var(--accent-color);
}
.Badge-primary-3suJx3,.alert-bar.notify {
background-color: var(--accent-color);
}
.PrePlayCastCell-posterCardLinkContainer-27hxZ8:hover {
box-shadow: 0 0 0 2px var(--accent-color);
}
.SourceSidebarServerHeader-title-3zMGa0 {
color: var(--accent-color);
}
.SourceSidebarLink-isSelected-27-9-6 {
box-shadow: inset 4px 0 0 0 var(--accent-color);
}
.PosterCardOverlayProgress-progressBar-3k291O {
background-color: var(--accent-color);
}
.Spinner-spinner-Niere7 {
border-color: var(--accent-color) transparent transparent var(--accent-color);
}
.loading {
border-color: var(--accent-color) transparent transparent var(--accent-color);
}
.PlayPauseOverlay-playCircle-3ydPYX {
border-color: var(--accent-color);
background-color: var(--accent-color);
}
.SeekBar-seekBarFill-1Lcu0w {
background-color: var(--accent-color);
}
.SeekBar-seekBarBuffer-3bUz95 {
background-color: var(--accent-color);
opacity: .2;
}
.VolumeSlider-fill-3XkYyD {
background-color: var(--accent-color);
}
.IconButton-isActive-1_AJJ- {
color: var(--accent-color);
}
.IconButton-isActive-1_AJJ-:hover {
color: var(--accent-color);
opacity: .7
}