commit 561b2cbc93f9abf8265a991e1bcc43aa597cb51a
parent 7657496d356a9d0c7f8e30eb2183139f9aa7be6a
Author: Gabriel Luong <gabriel.luong@gmail.com>
Date: Tue, 2 Dec 2025 15:42:23 +0000
Bug 1993368 - Part 40: Migrate ImagesPlaceholder to use M3 color tokens r=android-reviewers,007
- Aligned color with media placeholder in https://www.figma.com/design/MjufE1X5fvkxZ0YneX4kRd/Android-Library--2025-?node-id=61820-4182&m=dev
Differential Revision: https://phabricator.services.mozilla.com/D274643
Diffstat:
1 file changed, 8 insertions(+), 3 deletions(-)
diff --git a/mobile/android/fenix/app/src/main/java/org/mozilla/fenix/compose/ImagesPlaceholder.kt b/mobile/android/fenix/app/src/main/java/org/mozilla/fenix/compose/ImagesPlaceholder.kt
@@ -7,12 +7,13 @@ package org.mozilla.fenix.compose
import androidx.compose.foundation.Image
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.MaterialTheme
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.painter.ColorPainter
import androidx.compose.ui.graphics.painter.Painter
-import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.tooling.preview.PreviewLightDark
import androidx.compose.ui.unit.dp
import mozilla.components.support.images.compose.loader.Fallback
import mozilla.components.support.images.compose.loader.ImageLoaderScope
@@ -62,11 +63,15 @@ internal fun DefaultImagePlaceholder(
modifier: Modifier,
contentDescription: String? = null,
) {
- Image(ColorPainter(FirefoxTheme.colors.layer2), contentDescription, modifier)
+ Image(
+ painter = ColorPainter(MaterialTheme.colorScheme.surfaceContainerHighest),
+ contentDescription = contentDescription,
+ modifier = modifier,
+ )
}
@Composable
-@Preview
+@PreviewLightDark
private fun DefaultImagePlaceholderPreview() {
FirefoxTheme {
DefaultImagePlaceholder(