refactor: update color definitions for dark theme consistency

This commit is contained in:
2026-05-02 19:06:05 +02:00
parent 6433225014
commit f626c9533e
3 changed files with 19 additions and 92 deletions

View File

@@ -1,73 +0,0 @@
package hu.bbara.purefin.ui.common.button
import androidx.compose.foundation.background
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.shape.CircleShape
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.PlayArrow
import androidx.compose.material3.Icon
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.Dp
import androidx.compose.ui.unit.TextUnit
import androidx.compose.ui.unit.TextUnitType
import androidx.compose.ui.unit.dp
@Composable
fun MediaPlayButton(
backgroundColor: Color,
foregroundColor: Color,
text: String = "Play",
subText: String? = null,
size: Dp,
onClick: () -> Unit,
modifier: Modifier = Modifier
) {
Row(
modifier = modifier
.height(size)
.clip(CircleShape)
.background(backgroundColor)
.padding(start = 16.dp, end = 32.dp)
.clickable { onClick() },
horizontalArrangement = Arrangement.SpaceEvenly,
verticalAlignment = Alignment.CenterVertically,
) {
Icon(
imageVector = Icons.Filled.PlayArrow,
contentDescription = "Play",
tint = foregroundColor,
modifier = Modifier.size(42.dp)
)
Column() {
Text(
text = text,
color = foregroundColor,
fontSize = TextUnit(
value = 16f,
type = TextUnitType.Sp
)
)
subText?.let {
Text(
text = subText,
color = foregroundColor.copy(alpha = 0.7f),
fontSize = TextUnit(
value = 14f,
type = TextUnitType.Sp
)
)
}
}
}
}

View File

@@ -6,24 +6,24 @@ private fun hslColor(hue: Float, saturation: Float, lightness: Float): Color =
Color.hsl(hue = hue, saturation = saturation / 100f, lightness = lightness / 100f) Color.hsl(hue = hue, saturation = saturation / 100f, lightness = lightness / 100f)
val primaryDark = hslColor(255f, 70f, 70f) val primaryDark = hslColor(260f, 85f, 60f)
val onPrimaryDark = hslColor(255f, 60f, 12f) val onPrimaryDark = hslColor(255f, 0f, 100f)
val primaryContainerDark = hslColor(255f, 70f, 70f) val secondaryDark = hslColor(255f, 0f, 40f)
val onPrimaryContainerDark = hslColor(255f, 60f, 12f) val onSecondaryDark = hslColor(255f, 10f, 88f)
val secondaryDark = hslColor(255f, 40f, 40f) val tertiaryDark = hslColor(255f, 0f, 65f)
val onSecondaryDark = hslColor(255f, 40f, 88f) val onTertiaryDark = hslColor(255f, 0f, 12f)
val secondaryContainerDark = hslColor(255f, 40f, 40f)
val onSecondaryContainerDark = hslColor(255f, 40f, 88f)
val tertiaryDark = hslColor(255f, 15f, 65f)
val onTertiaryDark = hslColor(255f, 15f, 12f)
val tertiaryContainerDark = hslColor(255f, 15f, 65.0f)
val onTertiaryContainerDark = hslColor(255f, 15f, 12f)
val errorDark = hslColor(7f, 100f, 84f) val errorDark = hslColor(7f, 100f, 84f)
val onErrorDark = hslColor(357f, 100f, 21f) val onErrorDark = hslColor(357f, 100f, 21f)
val errorContainerDark = hslColor(355f, 100f, 29f) val errorContainerDark = hslColor(355f, 100f, 29f)
val onErrorContainerDark = hslColor(6f, 100f, 92f) val onErrorContainerDark = hslColor(6f, 100f, 92f)
val backgroundDark = hslColor(255f, 60f, 8f) val backgroundDark = hslColor(255f, 10f, 8f)
val onBackgroundDark = hslColor(255f, 60f, 94f) val onBackgroundDark = hslColor(255f, 60f, 94f)
val surfaceDark = hslColor(255f, 40f, 12f) val surfaceDark = hslColor(255f, 10f, 16f)
val onSurfaceDark = hslColor(255f, 40f, 92f) val onSurfaceDark = hslColor(255f, 10f, 92f)
val surfaceContainerDark = hslColor(255f, 40f, 12f) val primaryContainerDark = primaryDark
val onPrimaryContainerDark = onPrimaryDark
val secondaryContainerDark = secondaryDark
val onSecondaryContainerDark = onSecondaryDark
val tertiaryContainerDark = tertiaryDark
val onTertiaryContainerDark = onTertiaryDark
val surfaceContainerDark = surfaceDark

View File

@@ -59,7 +59,7 @@ fun MediaResumeButton(
) { ) {
val scheme = MaterialTheme.colorScheme val scheme = MaterialTheme.colorScheme
val primaryColor = scheme.primary val primaryColor = scheme.primary
val onPrimaryColor = scheme.onPrimary val defaultColor = scheme.surface
val shape = RoundedCornerShape(50) val shape = RoundedCornerShape(50)
var isFocused by remember { mutableStateOf(false) } var isFocused by remember { mutableStateOf(false) }
val scale by animateFloatAsState( val scale by animateFloatAsState(
@@ -93,7 +93,7 @@ fun MediaResumeButton(
Box( Box(
modifier = Modifier modifier = Modifier
.fillMaxSize() .fillMaxSize()
.background(onPrimaryColor), .background(defaultColor),
contentAlignment = Alignment.Center contentAlignment = Alignment.Center
) { ) {
ResumeButtonContent( ResumeButtonContent(
@@ -123,7 +123,7 @@ fun MediaResumeButton(
) { ) {
ResumeButtonContent( ResumeButtonContent(
text = text, text = text,
color = onPrimaryColor, color = defaultColor,
textSize = textSize, textSize = textSize,
iconSize = iconSize iconSize = iconSize
) )