Merge pull request #5003 from element-hq/feature/bma/homeScreenIteration

Home screen iteration
2025-07-09 16:06:58 +02:00 · 2025-07-09 16:06:58 +02:00 · d4d1e915bd
commit d4d1e915bd
parent f4891c2047 dfd5343397
42 changed files with 145 additions and 118 deletions
--- a/features/home/impl/src/main/kotlin/io/element/android/features/home/impl/HomeView.kt
+++ b/features/home/impl/src/main/kotlin/io/element/android/features/home/impl/HomeView.kt
@ -12,6 +12,7 @@ package io.element.android.features.home.impl
 import androidx.activity.compose.BackHandler
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.calculateEndPadding
 import androidx.compose.foundation.layout.calculateStartPadding
 import androidx.compose.foundation.layout.consumeWindowInsets
@ -181,6 +182,15 @@ private fun HomeScaffold(
                displayFilters = roomListState.displayFilters && state.currentHomeNavigationBarItem == HomeNavigationBarItem.Chats,
                filtersState = roomListState.filtersState,
                canReportBug = state.canReportBug,
+                modifier = if (state.isSpaceFeatureEnabled) {
+                    Modifier.hazeEffect(
+                        state = hazeState,
+                        style = HazeMaterials.thick(),
+                    )
+                } else {
+                    Modifier
+                        .background(ElementTheme.colors.bgCanvasDefault)
+                }
            )
        },
        bottomBar = {
@ -190,7 +200,7 @@ private fun HomeScaffold(
                    modifier = Modifier
                        .hazeEffect(
                            state = hazeState,
-                            style = HazeMaterials.regular(),
+                            style = HazeMaterials.thick(),
                        )
                ) {
                    HomeNavigationBarItem.entries.forEach { item ->
@ -227,15 +237,18 @@ private fun HomeScaffold(
                        onConfirmRecoveryKeyClick = onConfirmRecoveryKeyClick,
                        onRoomClick = ::onRoomClick,
                        onCreateRoomClick = onCreateRoomClick,
-                        // FAB height is 56dp, bottom padding is 16dp, we add 8dp as extra margin -> 56+16+8 = 80,
-                        // and include provided bottom padding
-                        contentBottomPadding = 80.dp + padding.calculateBottomPadding(),
+                        contentPadding = PaddingValues(
+                            // FAB height is 56dp, bottom padding is 16dp, we add 8dp as extra margin -> 56+16+8 = 80,
+                            // and include provided bottom padding
+                            bottom = 80.dp + padding.calculateBottomPadding(),
+                            top = padding.calculateTopPadding()
+                        ),
                        modifier = Modifier
                            .padding(
-                                top = padding.calculateTopPadding(),
-                                bottom = 0.dp,
-                                start = padding.calculateStartPadding(LocalLayoutDirection.current),
-                                end = padding.calculateEndPadding(LocalLayoutDirection.current),
+                                PaddingValues(
+                                    start = padding.calculateStartPadding(LocalLayoutDirection.current),
+                                    end = padding.calculateEndPadding(LocalLayoutDirection.current),
+                                )
                            )
                            .consumeWindowInsets(padding)
                            .hazeSource(state = hazeState)
--- a/features/home/impl/src/main/kotlin/io/element/android/features/home/impl/components/RoomListContentView.kt
+++ b/features/home/impl/src/main/kotlin/io/element/android/features/home/impl/components/RoomListContentView.kt
@ -31,7 +31,6 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.tooling.preview.PreviewParameter
-import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import io.element.android.compound.theme.ElementTheme
 import io.element.android.compound.tokens.generated.CompoundIcons
@ -67,44 +66,53 @@ fun RoomListContentView(
    onConfirmRecoveryKeyClick: () -> Unit,
    onRoomClick: (RoomListRoomSummary) -> Unit,
    onCreateRoomClick: () -> Unit,
-    contentBottomPadding: Dp,
+    contentPadding: PaddingValues,
    modifier: Modifier = Modifier,
 ) {
-    Box(modifier = modifier) {
-        when (contentState) {
-            is RoomListContentState.Skeleton -> {
-                SkeletonView(
-                    count = contentState.count,
-                )
-            }
-            is RoomListContentState.Empty -> {
-                EmptyView(
-                    state = contentState,
-                    eventSink = eventSink,
-                    onSetUpRecoveryClick = onSetUpRecoveryClick,
-                    onConfirmRecoveryKeyClick = onConfirmRecoveryKeyClick,
-                    onCreateRoomClick = onCreateRoomClick,
-                )
-            }
-            is RoomListContentState.Rooms -> {
-                RoomsView(
-                    state = contentState,
-                    hideInvitesAvatars = hideInvitesAvatars,
-                    filtersState = filtersState,
-                    eventSink = eventSink,
-                    onSetUpRecoveryClick = onSetUpRecoveryClick,
-                    onConfirmRecoveryKeyClick = onConfirmRecoveryKeyClick,
-                    onRoomClick = onRoomClick,
-                    contentBottomPadding = contentBottomPadding,
-                )
-            }
+    when (contentState) {
+        is RoomListContentState.Skeleton -> {
+            SkeletonView(
+                modifier = modifier,
+                count = contentState.count,
+                contentPadding = contentPadding,
+            )
+        }
+        is RoomListContentState.Empty -> {
+            EmptyView(
+                modifier = modifier.padding(contentPadding),
+                state = contentState,
+                eventSink = eventSink,
+                onSetUpRecoveryClick = onSetUpRecoveryClick,
+                onConfirmRecoveryKeyClick = onConfirmRecoveryKeyClick,
+                onCreateRoomClick = onCreateRoomClick,
+            )
+        }
+        is RoomListContentState.Rooms -> {
+            RoomsView(
+                modifier = modifier,
+                state = contentState,
+                hideInvitesAvatars = hideInvitesAvatars,
+                filtersState = filtersState,
+                eventSink = eventSink,
+                onSetUpRecoveryClick = onSetUpRecoveryClick,
+                onConfirmRecoveryKeyClick = onConfirmRecoveryKeyClick,
+                onRoomClick = onRoomClick,
+                contentPadding = contentPadding,
+            )
        }
    }
 }

@Composable
-private fun SkeletonView(count: Int, modifier: Modifier = Modifier) {
-    LazyColumn(modifier = modifier) {
+private fun SkeletonView(
+    count: Int,
+    contentPadding: PaddingValues,
+    modifier: Modifier = Modifier,
+) {
+    LazyColumn(
+        modifier = modifier,
+        contentPadding = contentPadding,
+    ) {
        repeat(count) { index ->
            item {
                RoomSummaryPlaceholderRow()
@ -167,7 +175,7 @@ private fun RoomsView(
    onSetUpRecoveryClick: () -> Unit,
    onConfirmRecoveryKeyClick: () -> Unit,
    onRoomClick: (RoomListRoomSummary) -> Unit,
-    contentBottomPadding: Dp,
+    contentPadding: PaddingValues,
    modifier: Modifier = Modifier,
 ) {
    if (state.summaries.isEmpty() && filtersState.hasAnyFilterSelected) {
@ -183,7 +191,7 @@ private fun RoomsView(
            onSetUpRecoveryClick = onSetUpRecoveryClick,
            onConfirmRecoveryKeyClick = onConfirmRecoveryKeyClick,
            onRoomClick = onRoomClick,
-            contentBottomPadding = contentBottomPadding,
+            contentPadding = contentPadding,
            modifier = modifier.fillMaxSize(),
        )
    }
@ -197,7 +205,7 @@ private fun RoomsViewList(
    onSetUpRecoveryClick: () -> Unit,
    onConfirmRecoveryKeyClick: () -> Unit,
    onRoomClick: (RoomListRoomSummary) -> Unit,
-    contentBottomPadding: Dp,
+    contentPadding: PaddingValues,
    modifier: Modifier = Modifier,
 ) {
    val lazyListState = rememberLazyListState()
@ -216,7 +224,7 @@ private fun RoomsViewList(
    LazyColumn(
        state = lazyListState,
        modifier = modifier,
-        contentPadding = PaddingValues(bottom = contentBottomPadding)
+        contentPadding = contentPadding,
    ) {
        when (state.securityBannerState) {
            SecurityBannerState.SetUpRecovery -> {
@ -329,6 +337,6 @@ internal fun RoomListContentViewPreview(@PreviewParameter(RoomListContentStatePr
        onConfirmRecoveryKeyClick = {},
        onRoomClick = {},
        onCreateRoomClick = {},
-        contentBottomPadding = 0.dp,
+        contentPadding = PaddingValues(0.dp),
    )
 }
--- a/features/home/impl/src/main/kotlin/io/element/android/features/home/impl/roomlist/RoomListStateProvider.kt
+++ b/features/home/impl/src/main/kotlin/io/element/android/features/home/impl/roomlist/RoomListStateProvider.kt
@ -42,6 +42,7 @@ open class RoomListStateProvider : PreviewParameterProvider<RoomListState> {
            aRoomListState(searchState = aRoomListSearchState(isSearchActive = true, query = "Test")),
            aRoomListState(contentState = aRoomsContentState(securityBannerState = SecurityBannerState.SetUpRecovery)),
            aRoomListState(contentState = aRoomsContentState(batteryOptimizationState = aBatteryOptimizationState(shouldDisplayBanner = true))),
+            aRoomListState(contentState = anEmptyContentState(securityBannerState = SecurityBannerState.RecoveryKeyConfirmation)),
        )
 }

--- a/libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/modifiers/Gradient.kt
+++ b/libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/modifiers/Gradient.kt
@ -37,7 +37,6 @@ fun Modifier.backgroundVerticalGradient(
        brush = Brush.verticalGradient(
            colorStops = subtleColorStops(isEnterpriseBuild),
        ),
-        alpha = 0.75f,
    )
 }

--- a/tests/uitests/src/test/snapshots/images/features.home.impl.components_DefaultRoomListTopBarWithIndicator_Day_0_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl.components_DefaultRoomListTopBarWithIndicator_Day_0_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f2adacc3ef3537cc0b81377786d03084f4923a7da1401ab84d03c907569e52d4
-size 27010
+oid sha256:93c8001dc7cf3bedd94a4ea325c0cc8f423245bfe811f3dc759cf85048c85673
+size 26943
--- a/tests/uitests/src/test/snapshots/images/features.home.impl.components_DefaultRoomListTopBarWithIndicator_Night_0_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl.components_DefaultRoomListTopBarWithIndicator_Night_0_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:fb861a1c8c4188b1586384b65c78ed18ca23030066e21c0245606077f89f3c29
-size 24909
+oid sha256:287d6b55dd40098f6af42c6cb2a65c13b16b8de645919cd852f93212735b3d5f
+size 24533
--- a/tests/uitests/src/test/snapshots/images/features.home.impl.components_DefaultRoomListTopBar_Day_0_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl.components_DefaultRoomListTopBar_Day_0_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4a449498d150466a5b3e27001228a39e935be7c637c422955375a18ea6f1fcb2
-size 26754
+oid sha256:0f5c945ba6cebea216f490c4d30feb664da83144298ed6658cff45090516f224
+size 26683
--- a/tests/uitests/src/test/snapshots/images/features.home.impl.components_DefaultRoomListTopBar_Night_0_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl.components_DefaultRoomListTopBar_Night_0_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c4ee431749b5f051b7345ac7f141f88ee8f998f04a2b7743960c5fa27af638e7
-size 24605
+oid sha256:942c052c6767e73115f73eadd32fd6b0c7879a6f477c9036660e2172a4a3cc05
+size 24226
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_0_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_0_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:347d73d129f6b49b502371bc0f090e7432bf28f95aade88e37f33b6e91ac44a7
-size 67519
+oid sha256:6d041ccfbc86d63b0fe5278cd0e159b83c4ed93619fe819812db0e0b1f804cba
+size 67499
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_10_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_10_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:2cba6e6115836c2274ad829b149d5c85973baf560f8b11e3b7d30023282b8ca8
-size 34967
+oid sha256:1d87598df6e41f7a5f9ec593c7f2f871bd03f715f6cf82d558afdcd0390779f4
+size 34856
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_11_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_11_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8a6fa99ca8f18b0fef17abe4d9c8de4a9f34f8d0ae097f55bb6e860f4f7098fb
-size 29681
+oid sha256:7652e5adf2e4c49cd58d8b43e9919fe66092c9d94f796f346d0dd19035a4087e
+size 29650
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_13_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_13_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:83807fc3cc614bfc1abb99e062df4dce72aa92626ffb5a24a3fcb357cc5e95c1
-size 90869
+oid sha256:af1b0c8c909e1c632044598f45ad2ad1ec2d7e872faba6b21cd9fe251430e39a
+size 90818
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_14_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_14_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6d5f42641d0566d91fbb55ea5f05d54979eb66c6e0b12c01d84aec1c90c218b8
-size 85395
+oid sha256:0afc7b3be1ad7b4b3d46adb4909601215a1dde8c88239fc266a72da98d21a611
+size 85337
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_15_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_15_en.png
@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:24181364fd522d425376ac9908b961d3d70e5ae49d7687128488fa37545ba4ea
+size 52416
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_1_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_1_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1eca7e08ad504da3750c622b73450511030a5d0856d7ecede0d23402d39d8855
-size 68807
+oid sha256:f049f06d4e3ca6dbdad51e6caf7a66049a89667e742f49c3c67105abb0de2c85
+size 69393
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_2_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_2_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:347d73d129f6b49b502371bc0f090e7432bf28f95aade88e37f33b6e91ac44a7
-size 67519
+oid sha256:6d041ccfbc86d63b0fe5278cd0e159b83c4ed93619fe819812db0e0b1f804cba
+size 67499
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_3_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_3_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:cd2c43ded5f2b8ee72e56476a6f84105675b19cd35d0338ec316012b2e732e45
-size 69332
+oid sha256:8a51ef76695aa73dc7983acec273299c5c07702003ca6d24f440a4209586f08b
+size 69306
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_4_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_4_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b42d23bee432b2713fbfebb00ccf5272625a0f57e4f74be2cedb6f1ee009fd4a
-size 25675
+oid sha256:135a23f51e485b4b7e7ef047466ea8addb04ca42f22437d88d40893de096c62c
+size 25655
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_5_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_5_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:347d73d129f6b49b502371bc0f090e7432bf28f95aade88e37f33b6e91ac44a7
-size 67519
+oid sha256:6d041ccfbc86d63b0fe5278cd0e159b83c4ed93619fe819812db0e0b1f804cba
+size 67499
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_6_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_6_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a195f301e7a3b41c3b485cf1e448cde6d12312d0ad06cc48ea5c3cfab2621040
-size 53715
+oid sha256:2b9bb6636aeffab115c853ef7382a5854ded79ec99fb36ae150aa62e7f641824
+size 53771
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_7_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_7_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0d26274f91876c8a79846131149b38f544171cdef0396dfaa07c8c3e482aeb61
-size 53530
+oid sha256:0adc95043f06e89101a4e91393b0566198e9db4867c9e35f99674970726b58e6
+size 53578
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_8_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_8_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:63cb36a2139a260f5589d334dfe012414fa4404d297499d04fb630d206db3b9a
-size 51750
+oid sha256:260ea7782c9249c937eb036f066b8ba6af509f699e019982e910499f9f887fe0
+size 51801
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_9_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Day_9_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f67ce8fdbd81b01cee6f1b8f2f1d3f735f14b9afd5c218b3890ee53129b04f39
-size 85193
+oid sha256:b0976e30537f03ed52b8940ca7721dd63b9dbc0672fc60845c8e55c995ea77b4
+size 85151
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_0_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_0_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3d67192da73b958451d78fdfadbe1d3150fdeed8effd391d98122d4275aac348
-size 63310
+oid sha256:638845a573295211928850aec992ffca936e917c2775690669aaccf130ce6891
+size 62900
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_10_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_10_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8ef7257132254bc1a6092da64c643efe1e4ac9f75566f81b05b2afc768248364
-size 30605
+oid sha256:cc2f55966cbed7d62576ae696596296f74786caf2337ec32ed887b13a7f841f5
+size 30181
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_11_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_11_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:37d62040e49a4ae81ca161b377dab60491984ae1784ed79123658ff4a2df6e18
-size 24939
+oid sha256:5c4266fe4825dc0a239dcd34b776214740887814794eee06cdbfbcc57d3fb064
+size 24565
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_13_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_13_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8600a1be8fd98cf8776e6887b51f5948a28d3f90ade2a189a52a1c1f90655afe
-size 85983
+oid sha256:ae9fc613169ae54f0e7d72ee78c8e1c28b9b2429b6a9bfbf662554289d0df56b
+size 85590
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_14_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_14_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:af5dd69eda38ecc5b461e0f11d2ee1556e8f85b5d26ea28dc90bef41d97f6c9d
-size 80498
+oid sha256:8a1f705af5cd8e9db7e269cb4ace8b8352711d1014535ef8d182a3dff8c47687
+size 80097
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_15_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_15_en.png
@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:aa2ac7dbc98197a38f48634f15c89f8808253cbd3124b92f787a72be91bc4828
+size 47199
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_1_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_1_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:53552b4c4ebcdfee0da6a64138f7f07080f2d2a0e7db195b327466854b9484b8
-size 64494
+oid sha256:e49a252ad59229ab9b2754851f99826b1c6f4c612881951fb3a9bce1468dd959
+size 64543
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_2_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_2_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3d67192da73b958451d78fdfadbe1d3150fdeed8effd391d98122d4275aac348
-size 63310
+oid sha256:638845a573295211928850aec992ffca936e917c2775690669aaccf130ce6891
+size 62900
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_3_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_3_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d6e25cc2f51622fadf6b837a85aa6c929b49bf3f34900d739bc14c599627a280
-size 65604
+oid sha256:37bc4c42b7aec686984e086a282112c041d585b4cb9a7d492ee0f25470289241
+size 65244
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_4_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_4_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f4e5b98d04c66b0da10de45528cb4d953e778734a7de3d5b5e53985c4f496d74
-size 23429
+oid sha256:e6e65b13df83947595d1f28cd8f0da10a4854c7737b9d3e7bb0f7c93bd094463
+size 22940
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_5_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_5_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3d67192da73b958451d78fdfadbe1d3150fdeed8effd391d98122d4275aac348
-size 63310
+oid sha256:638845a573295211928850aec992ffca936e917c2775690669aaccf130ce6891
+size 62900
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_6_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_6_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:44c89fe4f267ae04e0ed8f8076e97a90d4a1c55aea47349a16abe8985925677e
-size 51064
+oid sha256:73fe6f38879bf46fed54b4295d18a843d9a41326827d47b1fe6e9d84f91d4434
+size 50911
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_7_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_7_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:146044e82709dfd8262082b31789eed72e9bebc100a7a8f15a7b8d41f5a95ad1
-size 50833
+oid sha256:f23b863fc8be17bf676e643327e411e89bfd644be55cb4cca25f9a720ac57c5c
+size 50679
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_8_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_8_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b516e9ad28282895de6671c152aa57e4d8e74345b3745d8b909b39d81e29ebb7
-size 49075
+oid sha256:eea63b891b5e305ac3c6503e4f5c05448deefc541ac64e80190275a984d77baa
+size 48922
--- a/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_9_en.png
+++ b/tests/uitests/src/test/snapshots/images/features.home.impl_HomeView_Night_9_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:93e35351228d382dd6c890441f09536915b1cd10f2a6592a6f90f52783dc3e46
-size 80482
+oid sha256:db71fdd1f3c7ca7f6d5e238ab959aeaf4c1ec3558c649aaf101182b716b6d869
+size 80093
--- a/tests/uitests/src/test/snapshots/images/libraries.designsystem.modifiers_BackgroundVerticalGradientEnterprise_Day_0_en.png
+++ b/tests/uitests/src/test/snapshots/images/libraries.designsystem.modifiers_BackgroundVerticalGradientEnterprise_Day_0_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f9428e3d034f8041bd3e35ae1de7d8155c16ebf80ba1144d214844e6a4332c8b
-size 8834
+oid sha256:d1abadd0072733255dab393f0eb826426700ab56030d32ef837e091c5f070d60
+size 8431
--- a/tests/uitests/src/test/snapshots/images/libraries.designsystem.modifiers_BackgroundVerticalGradientEnterprise_Night_0_en.png
+++ b/tests/uitests/src/test/snapshots/images/libraries.designsystem.modifiers_BackgroundVerticalGradientEnterprise_Night_0_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4e62e6a3857d1f9cd87600e1858b83dda9f6eedd8e3d7aeae6e0be61813d56d3
-size 8432
+oid sha256:988d187cfcca7aed5f808d5aaac6bcc7e04e5504374a1fc7da148b642a994d9b
+size 8447
--- a/tests/uitests/src/test/snapshots/images/libraries.designsystem.modifiers_BackgroundVerticalGradient_Day_0_en.png
+++ b/tests/uitests/src/test/snapshots/images/libraries.designsystem.modifiers_BackgroundVerticalGradient_Day_0_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e7a47d7bbdbfccaf1cf60b7e42d8b3bd1495fbcf91a3acf9786e8d6fb087758d
-size 9667
+oid sha256:c5af22e02076092d0ea03ac1022e3f22740f2dbe19ca2e9d2e697c98fdbe71d2
+size 9829
--- a/tests/uitests/src/test/snapshots/images/libraries.designsystem.modifiers_BackgroundVerticalGradient_Night_0_en.png
+++ b/tests/uitests/src/test/snapshots/images/libraries.designsystem.modifiers_BackgroundVerticalGradient_Night_0_en.png
@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:151a797c3bea19a74fb118d4e4aa3ee9424a6a8943533dfba62dbbd7b9505669
-size 7786
+oid sha256:89b0132538f68628bc3ff2eae0ce9f4fb52d73f14594000a6572972d944222e0
+size 7876