diff --git a/CSS/themes/plex/aquamarine.css b/CSS/themes/plex/aquamarine.css index 9fc9e010..88b721bb 100644 --- a/CSS/themes/plex/aquamarine.css +++ b/CSS/themes/plex/aquamarine.css @@ -16,6 +16,7 @@ --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; --link-color: #FFEB3B; + --link-color-hover: rgba(255, 235, 61, 0.7); --custom-buttons-color: radial-gradient(ellipse at center, #3F51B5 0%, #009688 100%) center center/cover no-repeat fixed; --hompage-item-hover: radial-gradient(ellipse at center, rgba(0, 150, 136, 0.33) 0%, #b53f3f73 100%) center center/cover no-repeat fixed; --notification-box-line: #009688; diff --git a/CSS/themes/plex/dark.css b/CSS/themes/plex/dark.css index fbd762ea..754a75a5 100644 --- a/CSS/themes/plex/dark.css +++ b/CSS/themes/plex/dark.css @@ -14,8 +14,9 @@ @import url(https://gilbn.github.io/theme.park/CSS/themes/plex/plex-base.css); :root { --main-bg-color: #1f1f1f; - --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; - --link-color: #FFEB3B; + --modal-bg-color: #1f1f1f; + --link-color: #e5a00d; + --link-color-hover: #f2ad18; --custom-buttons-color: radial-gradient(ellipse at center, #F44336 0%, #3F51B5 100%) center center/cover no-repeat fixed; --hompage-item-hover: radial-gradient(ellipse at center, rgba(0, 150, 136, 0.33) 0%, #b53f3f73 100%) center center/cover no-repeat fixed; --notification-box-line: #F44336; diff --git a/CSS/themes/plex/hotline.css b/CSS/themes/plex/hotline.css index 3d2acd10..cb3ea4ab 100644 --- a/CSS/themes/plex/hotline.css +++ b/CSS/themes/plex/hotline.css @@ -15,7 +15,8 @@ :root { --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; - --link-color: #FFEB3B; + --link-color: #FFEB3B; + --link-color-hover: rgba(255, 235, 61, 0.7); --custom-buttons-color: radial-gradient(ellipse at center, #F44336 0%, #3F51B5 100%) center center/cover no-repeat fixed; --hompage-item-hover: radial-gradient(ellipse at center, rgba(0, 150, 136, 0.33) 0%, #b53f3f73 100%) center center/cover no-repeat fixed; --notification-box-line: #F44336; diff --git a/CSS/themes/plex/plex-base.css b/CSS/themes/plex/plex-base.css index c2e976a1..ad74de4d 100644 --- a/CSS/themes/plex/plex-base.css +++ b/CSS/themes/plex/plex-base.css @@ -15,15 +15,66 @@ body { background: var(--main-bg-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; + } +/*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 { + color: var(--link-color); + background-color: rgba(0, 0, 0, 0.25); +} +/*Side menu active color*/ +.Link-isActiveRoute-2N5cgE, .Link-isSelected-IRm9uM { + color: var(--link-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; - } +/*Modal*/ +.modal-header, .modal-footer, .modal-body-with-panes { + background: var(--modal-bg-color); +} +.modal-header { + border-bottom: 1px solid rgba(255, 255, 255, 0.25); +} +.modal-footer { + border-bottom: 1px solid rgba(255, 255, 255, 0.25); +} +/*Modal icon color active*/ +.edit-section-modal .wizard-blocks-group>.wizard-block.selected, .edit-section-modal .wizard-blocks-group>.wizard-block.selected:hover { + color: var(--link-color); +} +/*Modal icon color*/ +.edit-section-modal .wizard-blocks-group>.wizard-block { + color: #ffffff; +} +/*Button*/ +.btn-gray.selected { + color: var(--link-color); +} +/*Links*/ +a { + color: var(--link-color); +} +.NavBarActivityButton-isHighlighted-27qlko .NavBarActivityButton-label-2ZN0gQ { + color: var(--link-color); +} +.NavBarActivityButton-isHighlighted-27qlko .NavBarActivityButton-activityIcon-1Db2GP { + background-color: var(--link-color); +} +.NavBarActivityButton-isHighlighted-27qlko:hover .NavBarActivityButton-activityIcon-1Db2GP { + background-color: var(--link-color-hover); +} +.NavBarActivityButton-isHighlighted-27qlko:hover .NavBarActivityButton-label-2ZN0gQ { + background-color: var(--link-color-hover); +} /* This was a tough one :D */