pablobaldez

@Composable
fun MyScreen() {
    NebraskaTheme(Trade) {
        Column {
            Text(text = "text with status positive", color = LocalColorSchema.current.status.positive.color)
            Button(onClick = { /*TODO*/ }) {
                Text(text = "Trade Button")
            }
        }
    }

pablobaldez

@Composable
fun NebraskaTheme(
    group: Group<ColorContext>,
    content: @Composable () -> Unit
) {
    val isSystemInDarkTheme = isSystemInDarkTheme()
    val schema = group.schema(isSystemInDarkTheme)
    CompositionLocalProvider(LocalColorSchema provides schema) {
        MaterialTheme(
            colors = LocalColorSchema.current.materialColors,

pablobaldez

data class ColorSchema(
    val context: ColorContext,
    val text: ColorText,
    val background: ColorBackground,
    val divider: ColorDivider,
    val element: ColorElement,
    val base: ColorBase,
    val status: ColorStatus,
    val monetary: ColorMonetary,
    val progress: ColorProgress,

pablobaldez

data class ColorContext(
    val primary: Int,
    val primaryHover: Int,
    val primaryActive: Int,
    val link: Int,
    val overPrimary: Int
)

object Brand : Group<ColorContext> {
    override val light = ColorContext(

pablobaldez

data class ColorStatus(
    val positive: Int,
    val alert: Int,
    val negative: Int,
    val info: Int,
    val positiveBackground: Int,
    val alertBackground: Int,
    val negativeBackground: Int,
    val infoBackground: Int
) {

pablobaldez

interface Group<T> {
    /**
     * the light mode group of colors
     */
    val light: T

    /**
     * the dark mode group of colors
     */
    val dark: T

pablobaldez

@Composable
fun RegularRow(
    modifier: Modifier = Modifier,
    leftIcon: @Composable (RowScope.() -> Unit)? = null,
    detail: @Composable (() -> Unit)? = null,
    rightIcon: @Composable (RowScope.() -> Unit)? = null,
    title: @Composable () -> Unit
) {
    FoundationRow(
        modifier = modifier.wrapContentHeight()

pablobaldez

@Composable
fun TwoLine(
    modifier: Modifier = Modifier,
    secondary: @Composable () -> Unit,
    primary: @Composable () -> Unit,
) {
    val styledPrimary = applyStyle(
        textStyle = MaterialTheme.typography.subtitle1,
        alpha = ContentAlpha.high,
        content = primary

pablobaldez

@Composable
fun RowPreview() {
    Column {
        FoundationRow {
            Text(text = "Single line")
        }
        Divider(modifier = Modifier.dividerSize())
        FoundationRow {
            TwoLine(
                primary = { Text(text = "Primary") },

pablobaldez

@Composable
fun TwoLine(
    modifier: Modifier = Modifier,
    secondary: @Composable () -> Unit,
    primary: @Composable () -> Unit,
) {
    Column(modifier = modifier) {
        primary()
        secondary()
    }