Update typography

This commit is contained in:
MM20 2021-09-26 00:28:42 +02:00
parent 036aaba2e5
commit 817a867309
No known key found for this signature in database
GPG Key ID: 0B61A8F2DEAFA389
15 changed files with 103 additions and 42 deletions

View File

@ -12,7 +12,6 @@ import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import de.mm20.launcher2.ui.locals.LocalColorScheme
import de.mm20.launcher2.ui.locals.LocalWallpaperColors
val lightPalette = lightColors(
primary = Color(0, 114, 255)
@ -37,25 +36,51 @@ val Inter = FontFamily(
val typography = Typography(
h1 = TextStyle(
fontSize = 18.sp,
fontWeight = FontWeight.ExtraBold,
fontSize = 96.sp,
fontWeight = FontWeight.Light,
fontFamily = Inter
),
h2 = TextStyle(
fontSize = 15.sp,
fontWeight = FontWeight.Bold,
fontSize = 60.sp,
fontWeight = FontWeight.Light,
fontFamily = Inter
),
h3 = TextStyle(
fontSize = 13.sp,
fontSize = 48.sp,
fontWeight = FontWeight.Normal,
fontFamily = Inter
),
h4 = TextStyle(
fontSize = 34.sp,
fontWeight = FontWeight.Normal,
fontFamily = Inter
),
h5 = TextStyle(
fontSize = 24.sp,
fontWeight = FontWeight.Medium,
fontFamily = Inter
),
h6 = TextStyle(
fontSize = 20.sp,
fontWeight = FontWeight.Bold,
fontFamily = Inter
),
caption = TextStyle(
fontFamily = Inter,
fontSize = 13.sp
),
subtitle1 = TextStyle(
fontFamily = Inter,
fontSize = 16.sp,
fontWeight = FontWeight.Bold,
),
subtitle2 = TextStyle(
fontFamily = Inter,
fontWeight = FontWeight.SemiBold,
fontSize = 14.sp,
),
body1 = TextStyle(
fontSize = 13.sp
fontSize = 14.sp
),
body2 = TextStyle(
fontSize = 13.sp

View File

@ -12,21 +12,42 @@ import androidx.compose.ui.unit.sp
val legacyTypography = Typography(
h1 = TextStyle(
fontSize = 18.sp,
fontWeight = FontWeight.Medium,
fontSize = 96.sp,
fontWeight = FontWeight.Light,
),
h2 = TextStyle(
fontSize = 15.sp,
fontWeight = FontWeight.Bold,
fontSize = 60.sp,
fontWeight = FontWeight.Light,
),
h3 = TextStyle(
fontSize = 13.sp,
fontSize = 48.sp,
fontWeight = FontWeight.Normal,
),
h4 = TextStyle(
fontSize = 34.sp,
fontWeight = FontWeight.Normal,
),
h5 = TextStyle(
fontSize = 24.sp,
fontWeight = FontWeight.Medium,
),
h6 = TextStyle(
fontSize = 20.sp,
fontWeight = FontWeight.Bold,
),
caption = TextStyle(
fontSize = 13.sp
),
subtitle1 = TextStyle(
fontSize = 16.sp,
fontWeight = FontWeight.Bold,
),
subtitle2 = TextStyle(
fontWeight = FontWeight.SemiBold,
fontSize = 14.sp,
),
body1 = TextStyle(
fontSize = 13.sp
fontSize = 14.sp
),
body2 = TextStyle(
fontSize = 13.sp
@ -38,6 +59,6 @@ fun LegacyLauncherTheme(content: @Composable () -> Unit) {
MaterialTheme(
typography = legacyTypography,
content = content,
colors = if(isSystemInDarkTheme()) darkColors() else lightColors()
colors = if (isSystemInDarkTheme()) darkColors() else lightColors()
)
}

View File

@ -109,7 +109,7 @@ fun AnalogClock(time: Long) {
Text(
text = "12",
style = MaterialTheme.typography.h1.copy(
style = MaterialTheme.typography.subtitle1.copy(
fontSize = 32.sp,
lineHeight = 32.sp,
),
@ -120,7 +120,7 @@ fun AnalogClock(time: Long) {
)
Text(
text = "3",
style = MaterialTheme.typography.h1.copy(
style = MaterialTheme.typography.subtitle1.copy(
fontSize = 32.sp
),
color = textColor,
@ -130,7 +130,7 @@ fun AnalogClock(time: Long) {
)
Text(
text = "6",
style = MaterialTheme.typography.h1.copy(
style = MaterialTheme.typography.subtitle1.copy(
fontSize = 32.sp
),
color = textColor,
@ -140,7 +140,7 @@ fun AnalogClock(time: Long) {
)
Text(
text = "9",
style = MaterialTheme.typography.h1.copy(
style = MaterialTheme.typography.subtitle1.copy(
fontSize = 32.sp
),
color = textColor,

View File

@ -132,7 +132,10 @@ fun SearchBar(
DropdownMenuItem(onClick = {
navController?.navigate("settings")
}) {
Text(stringResource(id = R.string.title_activity_settings))
Text(
stringResource(id = R.string.title_activity_settings),
style = MaterialTheme.typography.subtitle2
)
}
}
}

View File

@ -100,7 +100,10 @@ fun ColumnScope.OverflowMenuItems(items: List<ToolbarAction>, onDismiss: () -> U
DropdownMenuItem(
onClick = { selectedSubMenu = i },
) {
Text(action.label, modifier = Modifier.weight(1f))
Text(
action.label, modifier = Modifier.weight(1f),
style = MaterialTheme.typography.subtitle2
)
Icon(imageVector = Icons.Rounded.ArrowRight, contentDescription = null)
}
}
@ -108,7 +111,10 @@ fun ColumnScope.OverflowMenuItems(items: List<ToolbarAction>, onDismiss: () -> U
DropdownMenuItem(
onClick = { action.onCheckedChange(!action.isChecked) },
) {
Text(action.label)
Text(
action.label,
style = MaterialTheme.typography.subtitle2
)
}
}
is DefaultToolbarAction -> {
@ -116,7 +122,10 @@ fun ColumnScope.OverflowMenuItems(items: List<ToolbarAction>, onDismiss: () -> U
action.action
onDismiss()
}) {
Text(action.label)
Text(
action.label,
style = MaterialTheme.typography.subtitle2
)
}
}
}

View File

@ -62,7 +62,7 @@ fun ApplicationItem(
Column {
Text(
text = app.label,
style = MaterialTheme.typography.h1,
style = MaterialTheme.typography.subtitle1,
maxLines = 1,
overflow = TextOverflow.Ellipsis,
)

View File

@ -37,7 +37,7 @@ fun calculatorItem(): LazyListScope.() -> Unit {
}
Text(
text = "= ${it.formattedString}",
style = MaterialTheme.typography.h1,
style = MaterialTheme.typography.subtitle1,
modifier = Modifier.align(Alignment.End),
)
if (it.term.matches(Regex("(0x|0b)?[0-9]+"))) {

View File

@ -74,7 +74,7 @@ fun FileItem(
Column {
Text(
text = file.label,
style = MaterialTheme.typography.h2,
style = MaterialTheme.typography.subtitle2,
maxLines = 1,
overflow = TextOverflow.Ellipsis,
)

View File

@ -22,7 +22,7 @@ fun ColumnScope.GridItemLabel(
maxLines = 1,
overflow = TextOverflow.Ellipsis,
textAlign = TextAlign.Center,
style = MaterialTheme.typography.body1,
style = MaterialTheme.typography.body2,
softWrap = false,
modifier = Modifier
.fillMaxWidth()

View File

@ -36,7 +36,7 @@ fun WikipediaItem(
) {
Text(
text = wikipedia.label,
style = MaterialTheme.typography.h1,
style = MaterialTheme.typography.subtitle1,
)
CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.medium) {
Text(

View File

@ -80,7 +80,7 @@ fun CalendarEventItem(
) {
Text(
text = event.label,
style = MaterialTheme.typography.h2
style = MaterialTheme.typography.subtitle2
)
AnimatedVisibility(
representation == Representation.List

View File

@ -122,7 +122,7 @@ fun CalendarWidget() {
if (pinnedEvents.isNotEmpty()) {
Text(
text = stringResource(id = R.string.calendar_widget_pinned_events),
style = MaterialTheme.typography.h1
style = MaterialTheme.typography.subtitle1
)
DeprecatedSearchableList(
items = pinnedEvents,
@ -178,7 +178,7 @@ fun DaySelector(
modifier = Modifier
.wrapContentWidth(),
text = formatDay(LocalContext.current, selectedDay),
style = MaterialTheme.typography.h1
style = MaterialTheme.typography.subtitle1
)
Icon(
imageVector = Icons.Rounded.ArrowDropDown,
@ -196,7 +196,10 @@ fun DaySelector(
menuExpanded = false
onSelectDay(selectedDay)
}) {
Text(text = formatDay(LocalContext.current, day))
Text(
text = formatDay(LocalContext.current, day),
style = MaterialTheme.typography.subtitle2
)
}
}
}

View File

@ -67,7 +67,7 @@ fun MusicWidget() {
) {
Text(
text = title ?: "---",
style = MaterialTheme.typography.h1,
style = MaterialTheme.typography.subtitle1,
maxLines = 1,
overflow = TextOverflow.Ellipsis
)

View File

@ -81,7 +81,7 @@ fun WeatherWidget() {
) {
Text(
text = selectedForecast.location,
style = MaterialTheme.typography.h1
style = MaterialTheme.typography.subtitle1
)
Text(
text = convertTemperature(
@ -239,7 +239,7 @@ fun WeatherDaySelector(
CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.high) {
Text(
text = dateFormat.format(selectedDay.timestamp),
style = MaterialTheme.typography.h2,
style = MaterialTheme.typography.subtitle2,
modifier = Modifier
.align(Alignment.CenterVertically)
.padding(start = 16.dp, end = 8.dp)
@ -279,7 +279,7 @@ fun WeatherDaySelector(
CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.high) {
Text(
text = dateFormat.format(d.timestamp),
style = MaterialTheme.typography.h2,
style = MaterialTheme.typography.subtitle2,
softWrap = false,
modifier = Modifier
.align(Alignment.CenterVertically)
@ -330,7 +330,7 @@ fun WeatherTimeSelector(
CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.high) {
Text(
text = dateFormat.format(selectedForecast.timestamp),
style = MaterialTheme.typography.h2,
style = MaterialTheme.typography.subtitle2,
modifier = Modifier.align(Alignment.CenterVertically)
)
}
@ -356,7 +356,7 @@ fun WeatherTimeSelector(
CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.high) {
Text(
text = dateFormat.format(fc.timestamp),
style = MaterialTheme.typography.h2,
style = MaterialTheme.typography.subtitle2,
softWrap = false,
modifier = Modifier
.align(Alignment.CenterVertically)

View File

@ -9,6 +9,6 @@ import de.mm20.launcher2.ui.component.TextClock
fun DatePart() {
TextClock(
formatFlags = DateUtils.FORMAT_SHOW_WEEKDAY or DateUtils.FORMAT_SHOW_DATE or DateUtils.FORMAT_SHOW_YEAR,
style = MaterialTheme.typography.h2
style = MaterialTheme.typography.subtitle1
)
}