diff --git a/src/components/cardbuilder/card.css b/src/components/cardbuilder/card.css index 98e231627b..dc11ae9153 100644 --- a/src/components/cardbuilder/card.css +++ b/src/components/cardbuilder/card.css @@ -217,10 +217,6 @@ button::-moz-focus-inner { border-bottom-right-radius: 0; } -.backdropCard .cardContent:not(.defaultCardBackground) { - background-color: transparent; -} - .cardContent-shadow { box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37); } diff --git a/src/components/images/style.css b/src/components/images/style.css index a20d242efa..2b09da2da4 100644 --- a/src/components/images/style.css +++ b/src/components/images/style.css @@ -1,11 +1,11 @@ .lazy-image-fadein { opacity: 1; - transition: opacity 0.7s; + transition: opacity 0.5s; } .lazy-image-fadein-fast { opacity: 1; - transition: opacity 0.2s; + transition: opacity 0.1s; } .lazy-hidden { diff --git a/src/themes/appletv/theme.css b/src/themes/appletv/theme.css index 90de1d0038..4b1c91c14c 100644 --- a/src/themes/appletv/theme.css +++ b/src/themes/appletv/theme.css @@ -464,3 +464,18 @@ html { .metadataSidebarIcon { color: #00a4dc; } + +.cardPadder-square, +.cardPadder-mixedSquare, +.cardPadder-overflowSquare, +.cardPadder-portrait, +.cardPadder-mixedPortrait, +.cardPadder-overflowPortrait, +.cardPadder-banner, +.cardPadder-backdrop, +.cardPadder-mixedBackdrop, +.cardPadder-smallBackdrop, +.cardPadder-overflowBackdrop, +.cardPadder-overflowSmallBackdrop { + background-color: #d2d2d2; +} diff --git a/src/themes/blueradiance/theme.css b/src/themes/blueradiance/theme.css index 1d6ab88900..5c1e9ae090 100644 --- a/src/themes/blueradiance/theme.css +++ b/src/themes/blueradiance/theme.css @@ -487,3 +487,18 @@ html { .metadataSidebarIcon { color: #00a4dc; } + +.cardPadder-square, +.cardPadder-mixedSquare, +.cardPadder-overflowSquare, +.cardPadder-portrait, +.cardPadder-mixedPortrait, +.cardPadder-overflowPortrait, +.cardPadder-banner, +.cardPadder-backdrop, +.cardPadder-mixedBackdrop, +.cardPadder-smallBackdrop, +.cardPadder-overflowBackdrop, +.cardPadder-overflowSmallBackdrop { + background-color: #022950; +} diff --git a/src/themes/dark/theme.css b/src/themes/dark/theme.css index a32e606386..8ef6a39be1 100644 --- a/src/themes/dark/theme.css +++ b/src/themes/dark/theme.css @@ -453,3 +453,18 @@ html { .metadataSidebarIcon { color: #00a4dc; } + +.cardPadder-square, +.cardPadder-mixedSquare, +.cardPadder-overflowSquare, +.cardPadder-portrait, +.cardPadder-mixedPortrait, +.cardPadder-overflowPortrait, +.cardPadder-banner, +.cardPadder-backdrop, +.cardPadder-mixedBackdrop, +.cardPadder-smallBackdrop, +.cardPadder-overflowBackdrop, +.cardPadder-overflowSmallBackdrop { + background-color: #202020; +} diff --git a/src/themes/light/theme.css b/src/themes/light/theme.css index fd3f8e5dad..14c7d5f4a0 100644 --- a/src/themes/light/theme.css +++ b/src/themes/light/theme.css @@ -444,3 +444,18 @@ html { .metadataSidebarIcon { color: #00a4dc; } + +.cardPadder-square, +.cardPadder-mixedSquare, +.cardPadder-overflowSquare, +.cardPadder-portrait, +.cardPadder-mixedPortrait, +.cardPadder-overflowPortrait, +.cardPadder-banner, +.cardPadder-backdrop, +.cardPadder-mixedBackdrop, +.cardPadder-smallBackdrop, +.cardPadder-overflowBackdrop, +.cardPadder-overflowSmallBackdrop { + background-color: #fff; +} diff --git a/src/themes/purplehaze/theme.css b/src/themes/purplehaze/theme.css index d2f9d92eb1..194142c352 100644 --- a/src/themes/purplehaze/theme.css +++ b/src/themes/purplehaze/theme.css @@ -623,3 +623,18 @@ a[data-role=button] { .personCard .cardOverlayButton-br { right: 20%; } + +.cardPadder-square, +.cardPadder-mixedSquare, +.cardPadder-overflowSquare, +.cardPadder-portrait, +.cardPadder-mixedPortrait, +.cardPadder-overflowPortrait, +.cardPadder-banner, +.cardPadder-backdrop, +.cardPadder-mixedBackdrop, +.cardPadder-smallBackdrop, +.cardPadder-overflowBackdrop, +.cardPadder-overflowSmallBackdrop { + background-color: #200c3d; +} diff --git a/src/themes/wmc/theme.css b/src/themes/wmc/theme.css index 76342f79f5..0e2ff6f5a2 100644 --- a/src/themes/wmc/theme.css +++ b/src/themes/wmc/theme.css @@ -463,3 +463,18 @@ html { .metadataSidebarIcon { color: #00a4dc; } + +.cardPadder-square, +.cardPadder-mixedSquare, +.cardPadder-overflowSquare, +.cardPadder-portrait, +.cardPadder-mixedPortrait, +.cardPadder-overflowPortrait, +.cardPadder-banner, +.cardPadder-backdrop, +.cardPadder-mixedBackdrop, +.cardPadder-smallBackdrop, +.cardPadder-overflowBackdrop, +.cardPadder-overflowSmallBackdrop { + background-color: #0f3562; +}