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

plex theme color fixes

pull/15/head
gilbN 5 years ago
parent
bfd45ea8e4
commit
dbf60fdc39
4 changed files with 66 additions and 12 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      CSS/themes/plex/aquamarine.css
  2. 5
      CSS/themes/plex/dark.css
  3. 3
      CSS/themes/plex/hotline.css
  4. 69
      CSS/themes/plex/plex-base.css

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

@ -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;

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

@ -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;

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

@ -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;

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

@ -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 */

Write Preview
Loading…
Cancel
Save