From 5b303c98b963eead072d1f02c4f0574e81e704bd Mon Sep 17 00:00:00 2001 From: gilbN Date: Mon, 28 Jun 2021 23:34:47 +0200 Subject: [PATCH] couple of plex updates --- CSS/themes/plex/plex-base.css | 41 ++++++++++++++++++++++++++++++----- 1 file changed, 36 insertions(+), 5 deletions(-) diff --git a/CSS/themes/plex/plex-base.css b/CSS/themes/plex/plex-base.css index 66d3aff5..06a337ad 100644 --- a/CSS/themes/plex/plex-base.css +++ b/CSS/themes/plex/plex-base.css @@ -39,7 +39,8 @@ a, color: var(--link-color) } -a:hover { +a:hover, +.artwork-file-container:hover a { color: var(--link-color-hover); } @@ -109,7 +110,9 @@ a:hover { [class*="PageHeaderTabDropdown-isSelected-"], [class*="MultiSelectPageHeader-selectedTitle-"], [class*="PageHeaderMultiselectActions-container-"], -[class*="PageHeaderMultiselectActions-count-"] { +[class*="PageHeaderMultiselectActions-count-"], +[class*="PivotTab-selectedButton-"], +[class*="PivotTabDropdown-isSelected-"] { color: rgb(var(--accent-color)); border-color: rgb(var(--accent-color)); } @@ -144,6 +147,10 @@ a:hover { transform: scale(1.4); } +[class*="SelectButton-selectButton-"].isActive [class*="SelectButton-selectCircle-"] { + background: rgb(var(--accent-color-hover)); + } + [class*="PlayButton-playButton-"]:hover [class*="PlayButton-playCircle-"], [class*="PlayPauseOverlay-playCircle-"] { border-color: rgb(var(--accent-color)); @@ -379,18 +386,21 @@ fieldset[disabled] .btn-primary:hover { color: var(--text-color); } -[class*="Button-primary-"] { +[class*="Button-primary-"], +.selectize-control.multi .selectize-input>div { background-color: var(--button-color); color: var(--button-text); } -[class*="Button-primary-"]:hover { +[class*="Button-primary-"]:hover, +.selectize-control.multi .selectize-input>div.active { background-color: var(--button-color-hover); color: var(--button-text-hover); } /* DROPDOWN MENU */ -[class*="Menu-menu-"] { +[class*="Menu-menu-"], +.selectize-dropdown, .selectize-dropdown.form-control { background: var(--modal-bg-color); } @@ -399,6 +409,27 @@ fieldset[disabled] .btn-primary:hover { color: rgb(var(--accent-color)); } +[class*="Tooltip-tooltip-"] { + background-color: var(--button-color); + color: #fff; +} + +[class*="Tooltip-tooltipBottomArrow-"]:after { + border-top-color: var(--button-color); +} + +[class*="Tooltip-tooltipTopArrow-"]:after { + border-bottom-color: var(--button-color); +} + +[class*="Tooltip-tooltipRightArrow-"]:after { + border-left-color: var(--button-color); +} + +[class*="Tooltip-tooltipLeftArrow-"]:after { + border-right-color: var(--button-color); +} + /* SETTINGS */ [class*="SettingsFormSection-sectionWrapper-"], [class*="ServerDashboardPageSection-section-"],