mirror of
https://github.com/bbara04/Purefin.git
synced 2026-07-23 19:26:50 +00:00
refactor: update color definitions for dark theme consistency
This commit is contained in:
@@ -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
|
|
||||||
)
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user