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

*arr popover/tooltip changes

pull/299/head
GilbN 3 years ago
parent
938ce32d12
commit
229f71d51b
5 changed files with 117 additions and 88 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. 34
      css/base/lidarr/lidarr-base.css
  2. 34
      css/base/prowlarr/prowlarr-base.css
  3. 34
      css/base/radarr/radarr-base.css
  4. 34
      css/base/readarr/readarr-base.css
  5. 59
      css/base/sonarr/sonarr-base.css

34
css/base/lidarr/lidarr-base.css
View File

@ -447,22 +447,30 @@ a:hover {
color: #fff;
}
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
[class*="Popover-body-"],
[class*="Tooltip-body-"] {
background: var(--modal-bg-color) !important;
background-repeat: repeat, no-repeat !important;
background-attachment: fixed, fixed !important;
background-position: center center, center center !important;
background-size: auto, cover !important;
-webkit-background-size: auto, cover !important;
-moz-background-size: auto, cover !important;
-o-background-size: auto, cover !important;
}
[class*="Tooltip-tooltipContainer-"] {
color: #fff;
[class*="Tooltip-body-"],
[class*="Tooltip-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
background: #1f1f1f;
color: #eee;
}
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
[class*="Popover-body-"],
[class*="Tooltip-body-"],
[class*="Tooltip-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
-webkit-backdrop-filter: saturate(1) blur(1.5em);
backdrop-filter: saturate(1) blur(1.5em);
background: rgb(var(--accent-color),0.05);
color: white;
}
}
[class*="Tooltip-bottom-"][class*="Tooltip-default-"] {

34
css/base/prowlarr/prowlarr-base.css
View File

@ -385,22 +385,30 @@ a:hover {
color: #fff;
}
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
[class*="Popover-body-"],
[class*="Tooltip-body-"] {
background: var(--modal-bg-color) !important;
background-repeat: repeat, no-repeat !important;
background-attachment: fixed, fixed !important;
background-position: center center, center center !important;
background-size: auto, cover !important;
-webkit-background-size: auto, cover !important;
-moz-background-size: auto, cover !important;
-o-background-size: auto, cover !important;
}
[class*="Tooltip-tooltipContainer-"] {
color: #fff;
[class*="Tooltip-body-"],
[class*="Tooltip-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
background: #1f1f1f;
color: #eee;
}
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
[class*="Popover-body-"],
[class*="Tooltip-body-"],
[class*="Tooltip-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
-webkit-backdrop-filter: saturate(1) blur(1.5em);
backdrop-filter: saturate(1) blur(1.5em);
background: rgb(var(--accent-color),0.05);
color: white;
}
}
[class*="Tooltip-bottom-"][class*="Tooltip-default-"] {

34
css/base/radarr/radarr-base.css
View File

@ -386,22 +386,30 @@ a:hover {
background-color: rgba(0, 0, 0, .25);
}
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
[class*="Popover-body-"],
[class*="Tooltip-body-"] {
background: var(--modal-bg-color) !important;
background-repeat: repeat, no-repeat !important;
background-attachment: fixed, fixed !important;
background-position: center center, center center !important;
background-size: auto, cover !important;
-webkit-background-size: auto, cover !important;
-moz-background-size: auto, cover !important;
-o-background-size: auto, cover !important;
}
[class*="Tooltip-tooltipContainer-"] {
color: #fff;
[class*="Tooltip-body-"],
[class*="Tooltip-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
background: #1f1f1f;
color: #eee;
}
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
[class*="Popover-body-"],
[class*="Tooltip-body-"],
[class*="Tooltip-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
-webkit-backdrop-filter: saturate(1) blur(1.5em);
backdrop-filter: saturate(1) blur(1.5em);
background: rgb(var(--accent-color),0.05);
color: white;
}
}
[class*="Tooltip-bottom-"][class*="Tooltip-default-"] {

34
css/base/readarr/readarr-base.css
View File

@ -443,22 +443,30 @@ a:hover {
color: #fff;
}
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
[class*="Popover-body-"],
[class*="Tooltip-body-"] {
background: var(--modal-bg-color) !important;
background-repeat: repeat, no-repeat !important;
background-attachment: fixed, fixed !important;
background-position: center center, center center !important;
background-size: auto, cover !important;
-webkit-background-size: auto, cover !important;
-moz-background-size: auto, cover !important;
-o-background-size: auto, cover !important;
}
[class*="Tooltip-tooltipContainer-"] {
color: #fff;
[class*="Tooltip-body-"],
[class*="Tooltip-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
background: #1f1f1f;
color: #eee;
}
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
[class*="Popover-body-"],
[class*="Tooltip-body-"],
[class*="Tooltip-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
-webkit-backdrop-filter: saturate(1) blur(1.5em);
backdrop-filter: saturate(1) blur(1.5em);
background: rgb(var(--accent-color),0.05);
color: white;
}
}
[class*="Tooltip-bottom-"][class*="Tooltip-default-"] {

59
css/base/sonarr/sonarr-base.css
View File

@ -18,7 +18,7 @@
--calendar-tv-missing: 240 80 80;
--calendar-tv-on-air: 255 165 0;
--calendar-tv-available: 39 194 76;
}
}
body {
background: var(--main-bg-color);
@ -45,10 +45,10 @@ body {
/* LINKS */
[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]) {
color: var(--link-color);
}
}
[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover {
color: var(--link-color-hover);
color: var(--link-color-hover);
}
a {
@ -290,6 +290,7 @@ a:hover {
#sidebar-toggle-button {
color: var(--text);
}
#sidebar-toggle-button:hover,
#sidebar-toggle-button:focus,
#sidebar-toggle-button:active {
@ -392,46 +393,42 @@ a:hover {
background-color: rgba(0, 0, 0, .25) !important;
}
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
[class*="Popover-body-"],
[class*="Tooltip-bod-"] {
background: var(--modal-bg-color) !important;
background-repeat: repeat, no-repeat !important;
background-attachment: fixed, fixed !important;
background-position: center center, center center !important;
background-size: auto, cover !important;
-webkit-background-size: auto, cover !important;
-moz-background-size: auto, cover !important;
-o-background-size: auto, cover !important;
}
[class*="Tooltip-tooltipContainer-"] {
color: #fff;
}
[class*="Tooltip-tooltip-"][class*=Tooltip-inverse-] {
background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
[class*="Tooltip-body-"],
[class*="Tooltip-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
background: #1f1f1f;
color: #eee;
}
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
[class*="Popover-body-"],
[class*="Tooltip-body-"],
[class*="Tooltip-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
-webkit-backdrop-filter: saturate(1) blur(1.5em);
backdrop-filter: saturate(1) blur(1.5em);
background: rgb(var(--accent-color),0.05);
color: white;
}
}
[class*="Tooltip-bottom-"][class*="Tooltip-inverse-"] {
border-bottom-color: #fff;
border-bottom-color: var(--text);
}
[class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
border-bottom-color: #fff !important;
border-bottom-color: var(--text) !important;
}
[class*="Tooltip-right-"][class*="Tooltip-default-"] {
border-right-color: #fff !important;
border-right-color: var(--text) !important;
}
[class*="EpisodeTitleLink-link-"]:hover {

Write Preview
Loading…
Cancel
Save