diff --git a/src/components/cardbuilder/card.css b/src/components/cardbuilder/card.css index 98e231627..dc11ae915 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 a20d242ef..2b09da2da 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 90de1d003..4b1c91c14 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 1d6ab8890..5c1e9ae09 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 a32e60638..8ef6a39be 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 fd3f8e5da..14c7d5f4a 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 d2f9d92eb..194142c35 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 76342f79f..0e2ff6f5a 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; +}