mirror of https://github.com/readrops/Readrops.git
Add initial color and theming, far from being final
This commit is contained in:
parent
288b637da7
commit
c7d83362f9
|
@ -0,0 +1,68 @@
|
||||||
|
package com.readrops.app.compose
|
||||||
|
|
||||||
|
import androidx.compose.ui.graphics.Color
|
||||||
|
|
||||||
|
val md_theme_light_primary = Color(0xFF0062A2)
|
||||||
|
val md_theme_light_onPrimary = Color(0xFFFFFFFF)
|
||||||
|
val md_theme_light_primaryContainer = Color(0xFFD1E4FF)
|
||||||
|
val md_theme_light_onPrimaryContainer = Color(0xFF001D35)
|
||||||
|
val md_theme_light_secondary = Color(0xFFA43D00)
|
||||||
|
val md_theme_light_onSecondary = Color(0xFFFFFFFF)
|
||||||
|
val md_theme_light_secondaryContainer = Color(0xFFFFDBCD)
|
||||||
|
val md_theme_light_onSecondaryContainer = Color(0xFF360F00)
|
||||||
|
val md_theme_light_tertiary = Color(0xFF006D3D)
|
||||||
|
val md_theme_light_onTertiary = Color(0xFFFFFFFF)
|
||||||
|
val md_theme_light_tertiaryContainer = Color(0xFF97F7B7)
|
||||||
|
val md_theme_light_onTertiaryContainer = Color(0xFF00210F)
|
||||||
|
val md_theme_light_error = Color(0xFFBA1A1A)
|
||||||
|
val md_theme_light_errorContainer = Color(0xFFFFDAD6)
|
||||||
|
val md_theme_light_onError = Color(0xFFFFFFFF)
|
||||||
|
val md_theme_light_onErrorContainer = Color(0xFF410002)
|
||||||
|
val md_theme_light_background = Color(0xFFF8FDFF)
|
||||||
|
val md_theme_light_onBackground = Color(0xFF001F25)
|
||||||
|
val md_theme_light_surface = Color(0xFFF8FDFF)
|
||||||
|
val md_theme_light_onSurface = Color(0xFF001F25)
|
||||||
|
val md_theme_light_surfaceVariant = Color(0xFFDFE2EB)
|
||||||
|
val md_theme_light_onSurfaceVariant = Color(0xFF42474E)
|
||||||
|
val md_theme_light_outline = Color(0xFF73777F)
|
||||||
|
val md_theme_light_inverseOnSurface = Color(0xFFD6F6FF)
|
||||||
|
val md_theme_light_inverseSurface = Color(0xFF00363F)
|
||||||
|
val md_theme_light_inversePrimary = Color(0xFF9DCAFF)
|
||||||
|
val md_theme_light_shadow = Color(0xFF000000)
|
||||||
|
val md_theme_light_surfaceTint = Color(0xFF0062A2)
|
||||||
|
val md_theme_light_outlineVariant = Color(0xFFC3C7CF)
|
||||||
|
val md_theme_light_scrim = Color(0xFF000000)
|
||||||
|
|
||||||
|
val md_theme_dark_primary = Color(0xFF9DCAFF)
|
||||||
|
val md_theme_dark_onPrimary = Color(0xFF003257)
|
||||||
|
val md_theme_dark_primaryContainer = Color(0xFF00497C)
|
||||||
|
val md_theme_dark_onPrimaryContainer = Color(0xFFD1E4FF)
|
||||||
|
val md_theme_dark_secondary = Color(0xFFFFB597)
|
||||||
|
val md_theme_dark_onSecondary = Color(0xFF581D00)
|
||||||
|
val md_theme_dark_secondaryContainer = Color(0xFF7D2D00)
|
||||||
|
val md_theme_dark_onSecondaryContainer = Color(0xFFFFDBCD)
|
||||||
|
val md_theme_dark_tertiary = Color(0xFF7BDA9C)
|
||||||
|
val md_theme_dark_onTertiary = Color(0xFF00391D)
|
||||||
|
val md_theme_dark_tertiaryContainer = Color(0xFF00522C)
|
||||||
|
val md_theme_dark_onTertiaryContainer = Color(0xFF97F7B7)
|
||||||
|
val md_theme_dark_error = Color(0xFFFFB4AB)
|
||||||
|
val md_theme_dark_errorContainer = Color(0xFF93000A)
|
||||||
|
val md_theme_dark_onError = Color(0xFF690005)
|
||||||
|
val md_theme_dark_onErrorContainer = Color(0xFFFFDAD6)
|
||||||
|
val md_theme_dark_background = Color(0xFF001F25)
|
||||||
|
val md_theme_dark_onBackground = Color(0xFFA6EEFF)
|
||||||
|
val md_theme_dark_surface = Color(0xFF001F25)
|
||||||
|
val md_theme_dark_onSurface = Color(0xFFA6EEFF)
|
||||||
|
val md_theme_dark_surfaceVariant = Color(0xFF42474E)
|
||||||
|
val md_theme_dark_onSurfaceVariant = Color(0xFFC3C7CF)
|
||||||
|
val md_theme_dark_outline = Color(0xFF8D9199)
|
||||||
|
val md_theme_dark_inverseOnSurface = Color(0xFF001F25)
|
||||||
|
val md_theme_dark_inverseSurface = Color(0xFFA6EEFF)
|
||||||
|
val md_theme_dark_inversePrimary = Color(0xFF0062A2)
|
||||||
|
val md_theme_dark_shadow = Color(0xFF000000)
|
||||||
|
val md_theme_dark_surfaceTint = Color(0xFF9DCAFF)
|
||||||
|
val md_theme_dark_outlineVariant = Color(0xFF42474E)
|
||||||
|
val md_theme_dark_scrim = Color(0xFF000000)
|
||||||
|
|
||||||
|
|
||||||
|
val seed = Color(0xFF0072BC)
|
|
@ -0,0 +1,90 @@
|
||||||
|
package com.readrops.app.compose
|
||||||
|
|
||||||
|
import androidx.compose.foundation.isSystemInDarkTheme
|
||||||
|
import androidx.compose.material3.MaterialTheme
|
||||||
|
import androidx.compose.material3.darkColorScheme
|
||||||
|
import androidx.compose.material3.lightColorScheme
|
||||||
|
import androidx.compose.runtime.Composable
|
||||||
|
|
||||||
|
|
||||||
|
private val LightColors = lightColorScheme(
|
||||||
|
primary = md_theme_light_primary,
|
||||||
|
onPrimary = md_theme_light_onPrimary,
|
||||||
|
primaryContainer = md_theme_light_primaryContainer,
|
||||||
|
onPrimaryContainer = md_theme_light_onPrimaryContainer,
|
||||||
|
secondary = md_theme_light_secondary,
|
||||||
|
onSecondary = md_theme_light_onSecondary,
|
||||||
|
secondaryContainer = md_theme_light_secondaryContainer,
|
||||||
|
onSecondaryContainer = md_theme_light_onSecondaryContainer,
|
||||||
|
tertiary = md_theme_light_tertiary,
|
||||||
|
onTertiary = md_theme_light_onTertiary,
|
||||||
|
tertiaryContainer = md_theme_light_tertiaryContainer,
|
||||||
|
onTertiaryContainer = md_theme_light_onTertiaryContainer,
|
||||||
|
error = md_theme_light_error,
|
||||||
|
errorContainer = md_theme_light_errorContainer,
|
||||||
|
onError = md_theme_light_onError,
|
||||||
|
onErrorContainer = md_theme_light_onErrorContainer,
|
||||||
|
background = md_theme_light_background,
|
||||||
|
onBackground = md_theme_light_onBackground,
|
||||||
|
surface = md_theme_light_surface,
|
||||||
|
onSurface = md_theme_light_onSurface,
|
||||||
|
surfaceVariant = md_theme_light_surfaceVariant,
|
||||||
|
onSurfaceVariant = md_theme_light_onSurfaceVariant,
|
||||||
|
outline = md_theme_light_outline,
|
||||||
|
inverseOnSurface = md_theme_light_inverseOnSurface,
|
||||||
|
inverseSurface = md_theme_light_inverseSurface,
|
||||||
|
inversePrimary = md_theme_light_inversePrimary,
|
||||||
|
surfaceTint = md_theme_light_surfaceTint,
|
||||||
|
outlineVariant = md_theme_light_outlineVariant,
|
||||||
|
scrim = md_theme_light_scrim,
|
||||||
|
)
|
||||||
|
|
||||||
|
|
||||||
|
private val DarkColors = darkColorScheme(
|
||||||
|
primary = md_theme_dark_primary,
|
||||||
|
onPrimary = md_theme_dark_onPrimary,
|
||||||
|
primaryContainer = md_theme_dark_primaryContainer,
|
||||||
|
onPrimaryContainer = md_theme_dark_onPrimaryContainer,
|
||||||
|
secondary = md_theme_dark_secondary,
|
||||||
|
onSecondary = md_theme_dark_onSecondary,
|
||||||
|
secondaryContainer = md_theme_dark_secondaryContainer,
|
||||||
|
onSecondaryContainer = md_theme_dark_onSecondaryContainer,
|
||||||
|
tertiary = md_theme_dark_tertiary,
|
||||||
|
onTertiary = md_theme_dark_onTertiary,
|
||||||
|
tertiaryContainer = md_theme_dark_tertiaryContainer,
|
||||||
|
onTertiaryContainer = md_theme_dark_onTertiaryContainer,
|
||||||
|
error = md_theme_dark_error,
|
||||||
|
errorContainer = md_theme_dark_errorContainer,
|
||||||
|
onError = md_theme_dark_onError,
|
||||||
|
onErrorContainer = md_theme_dark_onErrorContainer,
|
||||||
|
background = md_theme_dark_background,
|
||||||
|
onBackground = md_theme_dark_onBackground,
|
||||||
|
surface = md_theme_dark_surface,
|
||||||
|
onSurface = md_theme_dark_onSurface,
|
||||||
|
surfaceVariant = md_theme_dark_surfaceVariant,
|
||||||
|
onSurfaceVariant = md_theme_dark_onSurfaceVariant,
|
||||||
|
outline = md_theme_dark_outline,
|
||||||
|
inverseOnSurface = md_theme_dark_inverseOnSurface,
|
||||||
|
inverseSurface = md_theme_dark_inverseSurface,
|
||||||
|
inversePrimary = md_theme_dark_inversePrimary,
|
||||||
|
surfaceTint = md_theme_dark_surfaceTint,
|
||||||
|
outlineVariant = md_theme_dark_outlineVariant,
|
||||||
|
scrim = md_theme_dark_scrim,
|
||||||
|
)
|
||||||
|
|
||||||
|
@Composable
|
||||||
|
fun ReadropsTheme(
|
||||||
|
useDarkTheme: Boolean = isSystemInDarkTheme(),
|
||||||
|
content: @Composable () -> Unit
|
||||||
|
) {
|
||||||
|
val colors = if (!useDarkTheme) {
|
||||||
|
LightColors
|
||||||
|
} else {
|
||||||
|
DarkColors
|
||||||
|
}
|
||||||
|
|
||||||
|
MaterialTheme(
|
||||||
|
colorScheme = colors,
|
||||||
|
content = content
|
||||||
|
)
|
||||||
|
}
|
Loading…
Reference in New Issue