Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,8 @@ fun WatchedIconBackground(): Color =
AppThemeColors.GREEN,
AppThemeColors.ORANGE,
AppThemeColors.BOLD_BLUE,
AppThemeColors.RED,
AppThemeColors.BROWN,
-> MaterialTheme.colorScheme.border.copy(alpha = 1f)

AppThemeColors.OLED_BLACK -> MaterialTheme.colorScheme.secondaryContainer
Expand All @@ -60,6 +62,8 @@ fun WatchedIconColor(): Color =
AppThemeColors.ORANGE,
AppThemeColors.BOLD_BLUE,
AppThemeColors.OLED_BLACK,
AppThemeColors.RED,
AppThemeColors.BROWN,
-> Color.White // MaterialTheme.colorScheme.onSurface
}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -146,6 +146,8 @@ fun sliderActiveColor(focused: Boolean): Color {
AppThemeColors.BLUE,
AppThemeColors.GREEN,
AppThemeColors.ORANGE,
AppThemeColors.RED,
AppThemeColors.BROWN,
-> {
MaterialTheme.colorScheme.border
}
Expand Down Expand Up @@ -188,6 +190,8 @@ fun sliderInactiveColor(focused: Boolean): Color {
AppThemeColors.GREEN,
AppThemeColors.ORANGE,
AppThemeColors.BOLD_BLUE,
AppThemeColors.RED,
AppThemeColors.BROWN,
-> {
MaterialTheme.colorScheme.secondaryContainer.copy(alpha = .66f)
}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -772,6 +772,8 @@ fun navItemColor(
AppThemeColors.BLUE,
AppThemeColors.GREEN,
AppThemeColors.ORANGE,
AppThemeColors.RED,
AppThemeColors.BROWN,
-> MaterialTheme.colorScheme.border

AppThemeColors.BOLD_BLUE,
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -79,6 +79,8 @@ fun SwitchColors(): SwitchColors {
AppThemeColors.ORANGE,
AppThemeColors.BOLD_BLUE,
AppThemeColors.OLED_BLACK,
AppThemeColors.RED,
AppThemeColors.BROWN,
-> {
SwitchDefaults.colors(
checkedThumbColor = MaterialTheme.colorScheme.onPrimary,
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,10 +7,12 @@ import androidx.tv.material3.MaterialTheme
import com.github.damontecres.wholphin.preferences.AppThemeColors
import com.github.damontecres.wholphin.ui.theme.colors.BlueThemeColors
import com.github.damontecres.wholphin.ui.theme.colors.BoldBlueThemeColors
import com.github.damontecres.wholphin.ui.theme.colors.BrownThemeColors
import com.github.damontecres.wholphin.ui.theme.colors.GreenThemeColors
import com.github.damontecres.wholphin.ui.theme.colors.OledThemeColors
import com.github.damontecres.wholphin.ui.theme.colors.OrangeThemeColors
import com.github.damontecres.wholphin.ui.theme.colors.PurpleThemeColors
import com.github.damontecres.wholphin.ui.theme.colors.RedThemeColors

val LocalTheme =
compositionLocalOf<AppThemeColors> { AppThemeColors.PURPLE }
Expand All @@ -23,6 +25,8 @@ fun getThemeColors(appThemeColors: AppThemeColors): ThemeColors =
AppThemeColors.ORANGE -> OrangeThemeColors
AppThemeColors.OLED_BLACK -> OledThemeColors
AppThemeColors.BOLD_BLUE -> BoldBlueThemeColors
AppThemeColors.RED -> RedThemeColors
AppThemeColors.BROWN -> BrownThemeColors
AppThemeColors.UNRECOGNIZED -> PurpleThemeColors
}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.PaddingValues
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.lazy.grid.GridCells
import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
import androidx.compose.foundation.lazy.grid.items
Expand All @@ -19,6 +20,7 @@ import androidx.compose.runtime.remember
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import androidx.tv.material3.ListItem
Expand All @@ -42,26 +44,37 @@ import kotlinx.coroutines.flow.Flow
import kotlinx.coroutines.flow.flowOf

@Preview(
device = "spec:width=1200dp,height=2500dp",
device = "spec:width=1200dp,height=3000dp",
backgroundColor = 0xFF383535,
uiMode = UI_MODE_TYPE_TELEVISION,
)
@Composable
private fun ThemePreview() {
val themes = AppThemeColors.entries.filterNot { it == AppThemeColors.UNRECOGNIZED }
Column {
LazyVerticalGrid(
columns = GridCells.Fixed(2),
columns = GridCells.Fixed(3),
contentPadding = PaddingValues(16.dp),
horizontalArrangement = Arrangement.spacedBy(16.dp),
verticalArrangement = Arrangement.spacedBy(16.dp),
) {
items(AppThemeColors.entries.filterNot { it == AppThemeColors.UNRECOGNIZED }) {
items(themes) {
ThemeExample(it)
}
}
}
}

@Composable
private fun SectionTitle(text: String) {
Text(
text = text,
color = Color.White,
fontWeight = FontWeight.SemiBold,
modifier = Modifier.padding(top = 8.dp),
)
}

@Composable
private fun ThemeExample(theme: AppThemeColors) {
val source = remember { PreviewInteractionSource() }
Expand All @@ -71,10 +84,13 @@ private fun ThemeExample(theme: AppThemeColors) {
Text(
text = theme.toString(),
color = Color.White,
modifier = Modifier.padding(8.dp),
)
Column(
verticalArrangement = Arrangement.spacedBy(8.dp),
modifier = Modifier.padding(8.dp),
) {
SectionTitle("Cards")
Row(
horizontalArrangement = Arrangement.SpaceEvenly,
verticalAlignment = Alignment.CenterVertically,
Expand Down Expand Up @@ -134,6 +150,7 @@ private fun ThemeExample(theme: AppThemeColors) {
aspectRatio = AspectRatios.SQUARE,
)
}
SectionTitle("Controls")
Row(horizontalArrangement = Arrangement.spacedBy(16.dp)) {
SliderPreference(
preference = AppPreference.AutoPlayNextDelay,
Expand Down Expand Up @@ -191,6 +208,7 @@ private fun ThemeExample(theme: AppThemeColors) {
interactionSource = source,
)
}
SectionTitle("Nav drawer")
val navScope = NavScope(true)
Row(
horizontalArrangement = Arrangement.spacedBy(16.dp),
Expand Down Expand Up @@ -240,6 +258,7 @@ private fun ThemeExample(theme: AppThemeColors) {
)
}
}
SectionTitle("Playback controls")
Row(
horizontalArrangement = Arrangement.spacedBy(16.dp),
modifier = Modifier.background(MaterialTheme.colorScheme.surfaceVariant),
Expand Down Expand Up @@ -271,6 +290,7 @@ private fun ThemeExample(theme: AppThemeColors) {
interactionSource = source,
)
}
SectionTitle("List items")
Column(
modifier = Modifier.background(MaterialTheme.colorScheme.surface),
) {
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,204 @@
package com.github.damontecres.wholphin.ui.theme.colors

import androidx.compose.material3.ColorScheme
import androidx.compose.ui.graphics.Color
import androidx.tv.material3.darkColorScheme
import androidx.tv.material3.lightColorScheme
import com.github.damontecres.wholphin.ui.theme.ThemeColors

val BrownThemeColors =
object : ThemeColors {
val primaryLight = Color(0xFF8A5022)
val onPrimaryLight = Color(0xFFFFFFFF)
val primaryContainerLight = Color(0xFFFFDCC6)
val onPrimaryContainerLight = Color(0xFF6D390C)
val secondaryLight = Color(0xFF755845)
val onSecondaryLight = Color(0xFFFFFFFF)
val secondaryContainerLight = Color(0xFFFFDCC6)
val onSecondaryContainerLight = Color(0xFF5B412F)
val tertiaryLight = Color(0xFF5F6135)
val onTertiaryLight = Color(0xFFFFFFFF)
val tertiaryContainerLight = Color(0xFFE5E6AE)
val onTertiaryContainerLight = Color(0xFF47491F)
val errorLight = Color(0xFFBA1A1A)
val onErrorLight = Color(0xFFFFFFFF)
val errorContainerLight = Color(0xFFFFDAD6)
val onErrorContainerLight = Color(0xFF93000A)
val backgroundLight = Color(0xFFFFF8F5)
val onBackgroundLight = Color(0xFF221A15)
val surfaceLight = Color(0xFFFFF8F5)
val onSurfaceLight = Color(0xFF221A15)
val surfaceVariantLight = Color(0xFFF3DED3)
val onSurfaceVariantLight = Color(0xFF52443B)
val outlineLight = Color(0xFF84746A)
val outlineVariantLight = Color(0xFFD7C3B7)
val scrimLight = Color(0xFF000000)
val inverseSurfaceLight = Color(0xFF382F29)
val inverseOnSurfaceLight = Color(0xFFFEEDE4)
val inversePrimaryLight = Color(0xFFFFB784)
val surfaceDimLight = Color(0xFFE7D7CE)
val surfaceBrightLight = Color(0xFFFFF8F5)
val surfaceContainerLowestLight = Color(0xFFFFFFFF)
val surfaceContainerLowLight = Color(0xFFFFF1EA)
val surfaceContainerLight = Color(0xFFFBEBE2)
val surfaceContainerHighLight = Color(0xFFF6E5DC)
val surfaceContainerHighestLight = Color(0xFFF0DFD6)

val primaryDark = Color(0xFFFFB784)
val onPrimaryDark = Color(0xFF4F2500)
val primaryContainerDark = Color(0xFF6D390C)
val onPrimaryContainerDark = Color(0xFFFFDCC6)
val secondaryDark = Color(0xFFE4BFA8)
val onSecondaryDark = Color(0xFF422B1B)
val secondaryContainerDark = Color(0xFF5B412F)
val onSecondaryContainerDark = Color(0xFFFFDCC6)
val tertiaryDark = Color(0xFFC8CA94)
val onTertiaryDark = Color(0xFF30330B)
val tertiaryContainerDark = Color(0xFF47491F)
val onTertiaryContainerDark = Color(0xFFE5E6AE)
val errorDark = Color(0xFFFFB4AB)
val onErrorDark = Color(0xFF690005)
val errorContainerDark = Color(0xFF93000A)
val onErrorContainerDark = Color(0xFFFFDAD6)
val backgroundDark = Color(0xFF19120D)
val onBackgroundDark = Color(0xFFF0DFD6)
val surfaceDark = Color(0xFF19120D)
val onSurfaceDark = Color(0xFFF0DFD6)
val surfaceVariantDark = Color(0xFF52443B)
val onSurfaceVariantDark = Color(0xFFD7C3B7)
val outlineDark = Color(0xFF9F8D83)
val outlineVariantDark = Color(0xFF52443B)
val scrimDark = Color(0xFF000000)
val inverseSurfaceDark = Color(0xFFF0DFD6)
val inverseOnSurfaceDark = Color(0xFF382F29)
val inversePrimaryDark = Color(0xFF6D3B07)
val surfaceDimDark = Color(0xFF19120D)
val surfaceBrightDark = Color(0xFF413731)
val surfaceContainerLowestDark = Color(0xFF140D08)
val surfaceContainerLowDark = Color(0xFF221A15)
val surfaceContainerDark = Color(0xFF261E18)
val surfaceContainerHighDark = Color(0xFF312822)
val surfaceContainerHighestDark = Color(0xFF3C332D)

override val lightSchemeMaterial: ColorScheme =
androidx.compose.material3.lightColorScheme(
primary = primaryLight,
onPrimary = onPrimaryLight,
primaryContainer = primaryContainerLight,
onPrimaryContainer = onPrimaryContainerLight,
secondary = secondaryLight,
onSecondary = onSecondaryLight,
secondaryContainer = secondaryContainerLight,
onSecondaryContainer = onSecondaryContainerLight,
tertiary = tertiaryLight,
onTertiary = onTertiaryLight,
tertiaryContainer = tertiaryContainerLight,
onTertiaryContainer = onTertiaryContainerLight,
error = errorLight,
onError = onErrorLight,
errorContainer = errorContainerLight,
onErrorContainer = onErrorContainerLight,
background = backgroundLight,
onBackground = onBackgroundLight,
surface = surfaceLight,
onSurface = onSurfaceLight,
surfaceVariant = surfaceVariantLight,
onSurfaceVariant = onSurfaceVariantLight,
scrim = scrimLight,
inverseSurface = inverseSurfaceLight,
inverseOnSurface = inverseOnSurfaceLight,
inversePrimary = inversePrimaryLight,
)

override val lightScheme =
lightColorScheme(
primary = primaryLight,
onPrimary = onPrimaryLight,
primaryContainer = primaryContainerLight,
onPrimaryContainer = onPrimaryContainerLight,
secondary = secondaryLight,
onSecondary = onSecondaryLight,
secondaryContainer = secondaryContainerLight,
onSecondaryContainer = onSecondaryContainerLight,
tertiary = tertiaryLight,
onTertiary = onTertiaryLight,
tertiaryContainer = tertiaryContainerLight,
onTertiaryContainer = onTertiaryContainerLight,
error = errorLight,
onError = onErrorLight,
errorContainer = errorContainerLight,
onErrorContainer = onErrorContainerLight,
background = backgroundLight,
onBackground = onBackgroundLight,
surface = surfaceLight,
onSurface = onSurfaceLight,
surfaceVariant = surfaceVariantLight,
onSurfaceVariant = onSurfaceVariantLight,
scrim = scrimLight,
inverseSurface = inverseSurfaceLight,
inverseOnSurface = inverseOnSurfaceLight,
inversePrimary = inversePrimaryLight,
border = inversePrimaryLight,
)

override val darkSchemeMaterial =
androidx.compose.material3.darkColorScheme(
primary = primaryDark,
onPrimary = onPrimaryDark,
primaryContainer = primaryContainerDark,
onPrimaryContainer = onPrimaryContainerDark,
secondary = secondaryDark,
onSecondary = onSecondaryDark,
secondaryContainer = secondaryContainerDark,
onSecondaryContainer = onSecondaryContainerDark,
tertiary = tertiaryDark,
onTertiary = onTertiaryDark,
tertiaryContainer = tertiaryContainerDark,
onTertiaryContainer = onTertiaryContainerDark,
error = errorDark,
onError = onErrorDark,
errorContainer = errorContainerDark,
onErrorContainer = onErrorContainerDark,
background = backgroundDark,
onBackground = onBackgroundDark,
surface = surfaceDark,
onSurface = onSurfaceDark,
surfaceVariant = surfaceVariantDark,
onSurfaceVariant = onSurfaceVariantDark,
scrim = scrimDark,
inverseSurface = inverseSurfaceDark,
inverseOnSurface = inverseOnSurfaceDark,
inversePrimary = inversePrimaryDark,
)

override val darkScheme =
darkColorScheme(
primary = primaryDark,
onPrimary = onPrimaryDark,
primaryContainer = primaryContainerDark,
onPrimaryContainer = onPrimaryContainerDark,
secondary = secondaryDark,
onSecondary = onSecondaryDark,
secondaryContainer = secondaryContainerDark,
onSecondaryContainer = onSecondaryContainerDark,
tertiary = tertiaryDark,
onTertiary = onTertiaryDark,
tertiaryContainer = tertiaryContainerDark,
onTertiaryContainer = onTertiaryContainerDark,
error = errorDark,
onError = onErrorDark,
errorContainer = errorContainerDark,
onErrorContainer = onErrorContainerDark,
background = backgroundDark,
onBackground = onBackgroundDark,
surface = surfaceDark,
onSurface = onSurfaceDark,
surfaceVariant = surfaceVariantDark,
onSurfaceVariant = onSurfaceVariantDark,
scrim = scrimDark,
inverseSurface = inverseSurfaceDark,
inverseOnSurface = inverseOnSurfaceDark,
inversePrimary = inversePrimaryDark,
border = inversePrimaryDark,
)
}
Loading
Loading