feat(ui): use Google Sans Flex throughout the UI

This commit is contained in:
Nishant Mishra
2025-11-19 19:31:31 +05:30
parent 8916288dad
commit 55d945c14f
2 changed files with 27 additions and 53 deletions

View File

@@ -285,7 +285,7 @@ fun StatsScreen(
Text( Text(
stringResource(R.string.focus_per_day_avg), stringResource(R.string.focus_per_day_avg),
style = typography.titleSmall, style = typography.titleSmall,
modifier = Modifier.padding(bottom = 6.3.dp) modifier = Modifier.padding(bottom = 4.dp)
) )
} }
} }
@@ -361,7 +361,7 @@ fun StatsScreen(
Text( Text(
text = stringResource(R.string.focus_per_day_avg), text = stringResource(R.string.focus_per_day_avg),
style = typography.titleSmall, style = typography.titleSmall,
modifier = Modifier.padding(bottom = 6.3.dp) modifier = Modifier.padding(bottom = 4.dp)
) )
} }
} }
@@ -438,7 +438,7 @@ fun StatsScreen(
Text( Text(
text = stringResource(R.string.focus_per_day_avg), text = stringResource(R.string.focus_per_day_avg),
style = typography.titleSmall, style = typography.titleSmall,
modifier = Modifier.padding(bottom = 6.3.dp) modifier = Modifier.padding(bottom = 4.dp)
) )
} }
} }

View File

@@ -25,30 +25,27 @@ import androidx.compose.ui.text.font.FontStyle
import androidx.compose.ui.text.font.FontVariation import androidx.compose.ui.text.font.FontVariation
import androidx.compose.ui.text.font.FontWeight import androidx.compose.ui.text.font.FontWeight
import org.nsh07.pomodoro.R import org.nsh07.pomodoro.R
import org.nsh07.pomodoro.ui.theme.AppFonts.interBody import org.nsh07.pomodoro.ui.theme.AppFonts.googleFlex400
import org.nsh07.pomodoro.ui.theme.AppFonts.interLabel import org.nsh07.pomodoro.ui.theme.AppFonts.googleFlex600
import org.nsh07.pomodoro.ui.theme.AppFonts.robotoFlexHeadline
import org.nsh07.pomodoro.ui.theme.AppFonts.robotoFlexTitle
val TYPOGRAPHY = Typography() val TYPOGRAPHY = Typography()
// Set of Material typography styles to start with
val Typography = Typography( val Typography = Typography(
displayLarge = TYPOGRAPHY.displayLarge.copy(fontFamily = robotoFlexHeadline), displayLarge = TYPOGRAPHY.displayLarge.copy(fontFamily = googleFlex600),
displayMedium = TYPOGRAPHY.displayMedium.copy(fontFamily = robotoFlexHeadline), displayMedium = TYPOGRAPHY.displayMedium.copy(fontFamily = googleFlex600),
displaySmall = TYPOGRAPHY.displaySmall.copy(fontFamily = robotoFlexHeadline), displaySmall = TYPOGRAPHY.displaySmall.copy(fontFamily = googleFlex600),
headlineLarge = TYPOGRAPHY.headlineLarge.copy(fontFamily = robotoFlexHeadline), headlineLarge = TYPOGRAPHY.headlineLarge.copy(fontFamily = googleFlex600),
headlineMedium = TYPOGRAPHY.headlineMedium.copy(fontFamily = robotoFlexHeadline), headlineMedium = TYPOGRAPHY.headlineMedium.copy(fontFamily = googleFlex600),
headlineSmall = TYPOGRAPHY.headlineSmall.copy(fontFamily = robotoFlexHeadline), headlineSmall = TYPOGRAPHY.headlineSmall.copy(fontFamily = googleFlex600),
titleLarge = TYPOGRAPHY.titleLarge.copy(fontFamily = robotoFlexTitle), titleLarge = TYPOGRAPHY.titleLarge.copy(fontFamily = googleFlex400),
titleMedium = TYPOGRAPHY.titleMedium.copy(fontFamily = robotoFlexTitle), titleMedium = TYPOGRAPHY.titleMedium.copy(fontFamily = googleFlex600),
titleSmall = TYPOGRAPHY.titleSmall.copy(fontFamily = robotoFlexTitle), titleSmall = TYPOGRAPHY.titleSmall.copy(fontFamily = googleFlex600),
bodyLarge = TYPOGRAPHY.bodyLarge.copy(fontFamily = interBody), bodyLarge = TYPOGRAPHY.bodyLarge.copy(fontFamily = googleFlex600),
bodyMedium = TYPOGRAPHY.bodyMedium.copy(fontFamily = interBody), bodyMedium = TYPOGRAPHY.bodyMedium.copy(fontFamily = googleFlex400),
bodySmall = TYPOGRAPHY.bodySmall.copy(fontFamily = interBody), bodySmall = TYPOGRAPHY.bodySmall.copy(fontFamily = googleFlex400),
labelLarge = TYPOGRAPHY.labelLarge.copy(fontFamily = interLabel), labelLarge = TYPOGRAPHY.labelLarge.copy(fontFamily = googleFlex600),
labelMedium = TYPOGRAPHY.labelMedium.copy(fontFamily = interLabel), labelMedium = TYPOGRAPHY.labelMedium.copy(fontFamily = googleFlex600),
labelSmall = TYPOGRAPHY.labelSmall.copy(fontFamily = interLabel) labelSmall = TYPOGRAPHY.labelSmall.copy(fontFamily = googleFlex600)
) )
@OptIn(ExperimentalTextApi::class) @OptIn(ExperimentalTextApi::class)
@@ -62,20 +59,19 @@ object AppFonts {
) )
) )
val interBody = FontFamily( val googleFlex400 = FontFamily(
Font( Font(
R.font.inter_variable, variationSettings = FontVariation.Settings( R.font.google_sans_flex_variable, variationSettings = FontVariation.Settings(
FontWeight.Normal, FontVariation.weight(400)
FontStyle.Normal
) )
) )
) )
val interLabel = FontFamily( val googleFlex600 = FontFamily(
Font( Font(
R.font.inter_variable, variationSettings = FontVariation.Settings( R.font.google_sans_flex_variable, variationSettings = FontVariation.Settings(
FontWeight.Medium, FontVariation.weight(600),
FontStyle.Normal FontVariation.Setting("ROND", 100f)
) )
) )
) )
@@ -98,26 +94,4 @@ object AppFonts {
) )
) )
) )
val robotoFlexHeadline = FontFamily(
Font(
R.font.roboto_flex_variable,
variationSettings = FontVariation.Settings(
FontVariation.width(130f),
FontVariation.weight(600),
FontVariation.grade(0)
)
)
)
val robotoFlexTitle = FontFamily(
Font(
R.font.roboto_flex_variable,
variationSettings = FontVariation.Settings(
FontVariation.width(130f),
FontVariation.weight(700),
FontVariation.grade(0)
)
)
)
} }