feat(ui): use Google Sans Flex throughout the UI
This commit is contained in:
@@ -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)
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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)
|
|
||||||
)
|
|
||||||
)
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user