style(android): use tonal surfaces for overlays

This commit is contained in:
Peter Steinberger
2025-12-18 00:34:11 +01:00
parent 5693d7d733
commit 579da8cc9b
2 changed files with 10 additions and 4 deletions

View File

@@ -19,6 +19,8 @@ import androidx.compose.foundation.layout.windowInsetsPadding
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.FilledTonalIconButton
import androidx.compose.material3.Icon
import androidx.compose.material3.IconButtonDefaults
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.ModalBottomSheet
import androidx.compose.material3.rememberModalBottomSheetState
import androidx.compose.material.icons.Icons
@@ -125,6 +127,11 @@ private fun OverlayIconButton(
FilledTonalIconButton(
onClick = onClick,
modifier = Modifier.size(44.dp),
colors =
IconButtonDefaults.filledTonalIconButtonColors(
containerColor = MaterialTheme.colorScheme.surfaceContainerHigh,
contentColor = MaterialTheme.colorScheme.onSurface,
),
) {
icon()
}

View File

@@ -1,6 +1,5 @@
package com.steipete.clawdis.node.ui
import androidx.compose.foundation.BorderStroke
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
@@ -36,9 +35,9 @@ fun StatusPill(
onClick = onClick,
modifier = modifier,
shape = RoundedCornerShape(14.dp),
color = MaterialTheme.colorScheme.surfaceContainer.copy(alpha = 0.92f),
shadowElevation = 3.dp,
border = BorderStroke(0.5.dp, Color.White.copy(alpha = 0.10f)),
color = MaterialTheme.colorScheme.surfaceContainerHigh,
tonalElevation = 3.dp,
shadowElevation = 0.dp,
) {
Row(
modifier = Modifier.padding(horizontal = 12.dp, vertical = 8.dp),