commit 89e54d4f915e95e52e0e9a96b5f33068de375ce0
parent 76ea50f404a2fd0a0fa09ce1e1bac4fc79f2af18
Author: Gabriel Luong <gabriel.luong@gmail.com>
Date: Fri, 21 Nov 2025 17:15:24 +0000
Bug 1993368 - Part 9: Migrate HorizontalFadingEdgeBox to use M3 Acorn color tokens r=android-reviewers,007
Differential Revision: https://phabricator.services.mozilla.com/D270996
Diffstat:
1 file changed, 5 insertions(+), 4 deletions(-)
diff --git a/mobile/android/fenix/app/src/main/java/org/mozilla/fenix/compose/HorizontalFadingEdgeBox.kt b/mobile/android/fenix/app/src/main/java/org/mozilla/fenix/compose/HorizontalFadingEdgeBox.kt
@@ -12,6 +12,7 @@ import androidx.compose.foundation.layout.fillMaxHeight
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.width
+import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
@@ -80,13 +81,13 @@ fun HorizontalFadingEdgeBox(
@Composable
private fun FadingRightTextPreview() {
FirefoxTheme {
- Surface(modifier = Modifier.background(FirefoxTheme.colors.layer1)) {
+ Surface {
HorizontalFadingEdgeBox(
modifier = Modifier
.width(250.dp)
.height(20.dp)
.clipToBounds(),
- backgroundColor = FirefoxTheme.colors.layer1,
+ backgroundColor = MaterialTheme.colorScheme.surface,
) {
Text(
"Example text set to fade on the right",
@@ -103,7 +104,7 @@ private fun FadingRightTextPreview() {
@Composable
private fun FadingLeftTextPreview() {
FirefoxTheme {
- Surface(modifier = Modifier.background(FirefoxTheme.colors.layer1)) {
+ Surface {
HorizontalFadingEdgeBox(
modifier = Modifier
.width(250.dp)
@@ -111,7 +112,7 @@ private fun FadingLeftTextPreview() {
.clipToBounds(),
isContentRtl = true,
fadeWidth = 50.dp,
- backgroundColor = FirefoxTheme.colors.layer1,
+ backgroundColor = MaterialTheme.colorScheme.surface,
) {
Text(
"Example text set to fade on the left",