refactor: migrate MaterialIcon font to fontStyle
This commit is contained in:
parent
198a6eecf2
commit
acd492b3ea
59 changed files with 96 additions and 96 deletions
|
|
@ -16,7 +16,7 @@ ColumnLayout {
|
|||
Layout.alignment: Qt.AlignHCenter
|
||||
animate: true
|
||||
text: root.icon
|
||||
font: Tokens.font.icon.builders.extraLarge.size(Tokens.font.icon.extraLarge.pointSize * 3).weight(Font.Bold).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.font.icon.extraLarge.pointSize * 3).weight(Font.Bold).build()
|
||||
}
|
||||
|
||||
StyledText {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ import qs.services
|
|||
StyledText {
|
||||
property real fill
|
||||
property int grade: Colours.light ? 0 : -25
|
||||
property font fontStyle
|
||||
property font fontStyle: Tokens.font.icon.large
|
||||
|
||||
font: Tokens.font.icon.builder.size(fontStyle.pointSize).weight(fontStyle.weight).fill(fill.toFixed(1)).grade(grade).build()
|
||||
}
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@ ColumnLayout {
|
|||
text: "expand_more"
|
||||
rotation: root.expanded ? 180 : 0
|
||||
color: Colours.palette.m3onSurfaceVariant
|
||||
font: Tokens.font.icon.medium
|
||||
fontStyle: Tokens.font.icon.medium
|
||||
|
||||
Behavior on rotation {
|
||||
Anim {
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@ StyledRect {
|
|||
fill: root.toggled ? 1 : 0
|
||||
text: root.icon
|
||||
color: root.toggled ? Colours.palette[`m3on${root.accent}`] : Colours.palette[`m3on${root.accent}Container`]
|
||||
font: Tokens.font.icon.builders.large.size(root.iconSize).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(root.iconSize).build()
|
||||
|
||||
Behavior on fill {
|
||||
Anim {}
|
||||
|
|
|
|||
|
|
@ -59,7 +59,7 @@ Item {
|
|||
Layout.alignment: Qt.AlignHCenter
|
||||
text: "scan_delete"
|
||||
color: Colours.palette.m3outline
|
||||
font: Tokens.font.icon.builders.extraLarge.size(Tokens.font.icon.extraLarge.pointSize * 2).weight(500).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.font.icon.extraLarge.pointSize * 2).weight(500).build()
|
||||
}
|
||||
|
||||
StyledText {
|
||||
|
|
|
|||
|
|
@ -90,7 +90,7 @@ StyledRect {
|
|||
return "folder";
|
||||
}
|
||||
color: place.selected ? Colours.palette.m3onSecondaryContainer : Colours.palette.m3onSurface
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
fill: place.selected ? 1 : 0
|
||||
|
||||
Behavior on fill {
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@ Item {
|
|||
MaterialIcon {
|
||||
text: "sentiment_stressed"
|
||||
color: Colours.palette.m3onSurfaceVariant
|
||||
font: Tokens.font.icon.builders.extraLarge.size(Tokens.font.icon.extraLarge.pointSize * 5).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.font.icon.extraLarge.pointSize * 5).build()
|
||||
}
|
||||
|
||||
Column {
|
||||
|
|
|
|||
|
|
@ -29,6 +29,6 @@ Item {
|
|||
|
||||
text: "power_settings_new"
|
||||
color: Colours.palette.m3error
|
||||
font: Tokens.font.icon.builders.medium.weight(Font.Bold).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.font.icon.medium.pointSize).weight(Font.Bold).build()
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -100,7 +100,7 @@ StyledRect {
|
|||
anchors.bottom: parent.bottom
|
||||
anchors.bottomMargin: Config.bar.tray.background ? Tokens.padding.extraSmall : -Tokens.padding.extraSmall
|
||||
text: "expand_less"
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
rotation: root.expanded ? 180 : 0
|
||||
|
||||
Behavior on rotation {
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@ Item {
|
|||
|
||||
text: "chevron_right"
|
||||
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -213,7 +213,7 @@ Column {
|
|||
anchors.centerIn: parent
|
||||
|
||||
text: parent.icon
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
color: profiles.current === text ? Colours.palette.m3onPrimary : Colours.palette.m3onSurface
|
||||
fill: profiles.current === text ? 1 : 0
|
||||
|
||||
|
|
|
|||
|
|
@ -97,7 +97,7 @@ ColumnLayout {
|
|||
MaterialIcon {
|
||||
visible: networkItem.modelData.isSecure
|
||||
text: "lock"
|
||||
font: Tokens.font.icon.small
|
||||
fontStyle: Tokens.font.icon.small
|
||||
}
|
||||
|
||||
StyledText {
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@ ColumnLayout {
|
|||
MaterialIcon {
|
||||
Layout.alignment: Qt.AlignHCenter
|
||||
text: "lock"
|
||||
font: Tokens.font.icon.builders.extraLarge.size(Tokens.font.icon.extraLarge.pointSize * 2).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.font.icon.extraLarge.pointSize * 2).build()
|
||||
}
|
||||
|
||||
StyledText {
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@ Item {
|
|||
|
||||
text: "select_window"
|
||||
color: Colours.palette.m3onPrimaryContainer
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
fill: 1
|
||||
}
|
||||
|
||||
|
|
@ -193,7 +193,7 @@ Item {
|
|||
|
||||
text: item.icon
|
||||
color: item.active ? Colours.palette.m3onSecondaryContainer : Colours.palette.m3onSurface
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
fill: item.active ? 1 : 0
|
||||
|
||||
Behavior on fill {
|
||||
|
|
|
|||
|
|
@ -87,7 +87,7 @@ CollapsibleSection {
|
|||
|
||||
visible: false
|
||||
text: "circle"
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
|
||||
Item {
|
||||
|
|
@ -137,7 +137,7 @@ CollapsibleSection {
|
|||
sourceComponent: MaterialIcon {
|
||||
text: "check"
|
||||
color: Colours.palette.m3onSurfaceVariant
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -68,7 +68,7 @@ CollapsibleSection {
|
|||
|
||||
MaterialIcon {
|
||||
text: modelData.icon
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
fill: modelData.variant === Schemes.currentVariant ? 1 : 0
|
||||
}
|
||||
|
||||
|
|
@ -82,7 +82,7 @@ CollapsibleSection {
|
|||
visible: modelData.variant === Schemes.currentVariant
|
||||
text: "check"
|
||||
color: Colours.palette.m3primary
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -90,7 +90,7 @@ CollapsibleSection {
|
|||
sourceComponent: MaterialIcon {
|
||||
text: "check"
|
||||
color: Colours.palette.m3onSurfaceVariant
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -171,7 +171,7 @@ CollapsibleSection {
|
|||
sourceComponent: MaterialIcon {
|
||||
text: "check"
|
||||
color: Colours.palette.m3onSurfaceVariant
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -254,7 +254,7 @@ CollapsibleSection {
|
|||
sourceComponent: MaterialIcon {
|
||||
text: "check"
|
||||
color: Colours.palette.m3onSurfaceVariant
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -112,7 +112,7 @@ Item {
|
|||
|
||||
MaterialIcon {
|
||||
text: Audio.sink?.id === modelData.id ? "speaker" : "speaker_group"
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
fill: Audio.sink?.id === modelData.id ? 1 : 0
|
||||
}
|
||||
|
||||
|
|
@ -188,7 +188,7 @@ Item {
|
|||
|
||||
MaterialIcon {
|
||||
text: "mic"
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
fill: Audio.source?.id === modelData.id ? 1 : 0
|
||||
}
|
||||
|
||||
|
|
@ -496,7 +496,7 @@ Item {
|
|||
|
||||
MaterialIcon {
|
||||
text: "apps"
|
||||
font: Tokens.font.icon.medium
|
||||
fontStyle: Tokens.font.icon.medium
|
||||
fill: 0
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -597,7 +597,7 @@ StyledFlickable {
|
|||
fabBg.implicitWidth: 48
|
||||
fabBg.implicitHeight: 48
|
||||
fabBg.radius: 48 / 2
|
||||
fab.font: Tokens.font.icon.large
|
||||
fab.fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -635,7 +635,7 @@ StyledFlickable {
|
|||
animate: true
|
||||
text: root.session.bt.fabMenuOpen ? "close" : "settings"
|
||||
color: root.session.bt.fabMenuOpen ? Colours.palette.m3onPrimary : Colours.palette.m3onPrimaryContainer
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
fill: 1
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@ DeviceList {
|
|||
anchors.centerIn: parent
|
||||
text: Icons.getBluetoothIcon(device.modelData ? device.modelData.icon : "")
|
||||
color: device.connected ? Colours.palette.m3onPrimaryContainer : (device.modelData && device.modelData.bonded) ? Colours.palette.m3onSecondaryContainer : Colours.palette.m3onSurface
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
fill: device.connected ? 1 : 0
|
||||
|
||||
Behavior on fill {
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@ ColumnLayout {
|
|||
visible: root.readonly
|
||||
text: "lock"
|
||||
color: Colours.palette.m3outline
|
||||
font: Tokens.font.icon.small
|
||||
fontStyle: Tokens.font.icon.small
|
||||
}
|
||||
|
||||
StyledText {
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@ Item {
|
|||
MaterialIcon {
|
||||
Layout.alignment: Qt.AlignHCenter
|
||||
text: root.icon
|
||||
font: Tokens.font.icon.builders.xl.size(84).weight(Font.Bold).build()
|
||||
fontStyle: Tokens.font.icon.extraLarge.size(84).weight(Font.Bold).build()
|
||||
}
|
||||
|
||||
StyledText {
|
||||
|
|
|
|||
|
|
@ -195,7 +195,7 @@ GridView {
|
|||
visible: isCurrent
|
||||
text: "check_circle"
|
||||
color: Colours.palette.m3primary
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -100,7 +100,7 @@ DeviceList {
|
|||
|
||||
anchors.centerIn: parent
|
||||
text: "cable"
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
fill: modelData.connected ? 1 : 0
|
||||
color: modelData.connected ? Colours.palette.m3onPrimaryContainer : Colours.palette.m3onSurface
|
||||
|
||||
|
|
|
|||
|
|
@ -138,7 +138,7 @@ ColumnLayout {
|
|||
|
||||
anchors.centerIn: parent
|
||||
text: modelData.enabled && VPN.connected ? "vpn_key" : "vpn_key_off"
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
fill: modelData.enabled && VPN.connected ? 1 : 0
|
||||
color: modelData.enabled && VPN.connected ? Colours.palette.m3onPrimaryContainer : Colours.palette.m3onSurface
|
||||
}
|
||||
|
|
|
|||
|
|
@ -94,7 +94,7 @@ ColumnLayout {
|
|||
|
||||
MaterialIcon {
|
||||
text: modelData.isActive ? "vpn_key" : "vpn_key_off"
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
color: modelData.isActive ? Colours.palette.m3primary : Colours.palette.m3outline
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -145,7 +145,7 @@ DeviceList {
|
|||
|
||||
anchors.centerIn: parent
|
||||
text: Icons.getNetworkIcon(modelData.strength, modelData.isSecure)
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
fill: modelData.active ? 1 : 0
|
||||
color: modelData.active ? Colours.palette.m3onPrimaryContainer : Colours.palette.m3onSurface
|
||||
}
|
||||
|
|
|
|||
|
|
@ -149,7 +149,7 @@ Item {
|
|||
MaterialIcon {
|
||||
Layout.alignment: Qt.AlignHCenter
|
||||
text: "lock"
|
||||
font: Tokens.font.icon.builders.extraLarge.size(Tokens.font.icon.extraLarge.pointSize * 2).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.font.icon.extraLarge.pointSize * 2).build()
|
||||
}
|
||||
|
||||
StyledText {
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@ StyledRect {
|
|||
text: "lyrics"
|
||||
fill: 1
|
||||
color: Colours.palette.m3primary
|
||||
font: Tokens.font.icon.builders.medium.size(Tokens.spacing.large).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.spacing.large).build()
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
|
|
@ -339,7 +339,7 @@ StyledRect {
|
|||
|
||||
MaterialIcon {
|
||||
text: "contrast_square"
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
color: Colours.palette.m3secondary
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -173,7 +173,7 @@ Item {
|
|||
grade: 200
|
||||
text: "art_track"
|
||||
color: Colours.palette.m3onSurfaceVariant
|
||||
font: Tokens.font.icon.builders.medium.size((parent.width * 0.4) || 1).build()
|
||||
fontStyle: Tokens.font.icon.builder.size((parent.width * 0.4) || 1).build()
|
||||
}
|
||||
|
||||
Image {
|
||||
|
|
@ -267,7 +267,7 @@ Item {
|
|||
PlayerControl {
|
||||
type: IconButton.Text
|
||||
icon: Players.active?.shuffle ? "shuffle_on" : "shuffle"
|
||||
font: Tokens.font.icon.builders.large.size(Math.round(Tokens.font.icon.large.pointSize)).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Math.round(Tokens.font.icon.large.pointSize)).build()
|
||||
disabled: !Players.active?.shuffleSupported
|
||||
onClicked: Players.active.shuffle = !Players.active?.shuffle
|
||||
}
|
||||
|
|
@ -275,7 +275,7 @@ Item {
|
|||
PlayerControl {
|
||||
type: IconButton.Text
|
||||
icon: "skip_previous"
|
||||
font: Tokens.font.icon.builders.large.size(Math.round(Tokens.font.icon.large.pointSize * 1.5)).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Math.round(Tokens.font.icon.large.pointSize * 1.5)).build()
|
||||
disabled: !Players.active?.canGoPrevious
|
||||
onClicked: Players.active?.previous()
|
||||
}
|
||||
|
|
@ -286,7 +286,7 @@ Item {
|
|||
toggle: true
|
||||
padding: Tokens.padding.extraSmall / 2
|
||||
checked: Players.active?.isPlaying ?? false
|
||||
font: Tokens.font.icon.builders.large.size(Math.round(Tokens.font.icon.large.pointSize * 1.5)).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Math.round(Tokens.font.icon.large.pointSize * 1.5)).build()
|
||||
disabled: !Players.active?.canTogglePlaying
|
||||
onClicked: Players.active?.togglePlaying()
|
||||
}
|
||||
|
|
@ -294,7 +294,7 @@ Item {
|
|||
PlayerControl {
|
||||
type: IconButton.Text
|
||||
icon: "skip_next"
|
||||
font: Tokens.font.icon.builders.large.size(Math.round(Tokens.font.icon.large.pointSize * 1.5)).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Math.round(Tokens.font.icon.large.pointSize * 1.5)).build()
|
||||
disabled: !Players.active?.canGoNext
|
||||
onClicked: Players.active?.next()
|
||||
}
|
||||
|
|
@ -302,7 +302,7 @@ Item {
|
|||
PlayerControl {
|
||||
type: IconButton.Text
|
||||
icon: "lyrics"
|
||||
font: Tokens.font.icon.builders.large.size(Math.round(Tokens.font.icon.large.pointSize)).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Math.round(Tokens.font.icon.large.pointSize)).build()
|
||||
onClicked: root.lyricMenuOpen = !root.lyricMenuOpen
|
||||
}
|
||||
}
|
||||
|
|
@ -444,7 +444,7 @@ Item {
|
|||
icon: "move_up"
|
||||
inactiveOnColour: Colours.palette.m3secondary
|
||||
padding: Tokens.padding.small
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
disabled: !Players.active?.canRaise
|
||||
onClicked: {
|
||||
Players.active?.raise();
|
||||
|
|
@ -483,7 +483,7 @@ Item {
|
|||
icon: "delete"
|
||||
inactiveOnColour: Colours.palette.m3error
|
||||
padding: Tokens.padding.small
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
disabled: !Players.active?.canQuit
|
||||
onClicked: Players.active?.quit()
|
||||
}
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@ Item {
|
|||
MaterialIcon {
|
||||
Layout.alignment: Qt.AlignHCenter
|
||||
text: "tune"
|
||||
font: Tokens.font.icon.builders.extraLarge.size(Tokens.font.icon.extraLarge.pointSize * 2).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.font.icon.extraLarge.pointSize * 2).build()
|
||||
color: Colours.palette.m3onSurfaceVariant
|
||||
}
|
||||
|
||||
|
|
@ -214,7 +214,7 @@ Item {
|
|||
|
||||
return charging ? `battery_charging_${(level + 3) * 10}` : `battery_${level}_bar`;
|
||||
}
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
color: batteryTank.accentColor
|
||||
}
|
||||
|
||||
|
|
@ -287,7 +287,7 @@ Item {
|
|||
text: parent.icon
|
||||
fill: 1
|
||||
color: parent.accentColor
|
||||
font: Tokens.font.icon.builders.medium.size(Tokens.spacing.large).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.spacing.large).build()
|
||||
}
|
||||
|
||||
StyledText {
|
||||
|
|
@ -581,7 +581,7 @@ Item {
|
|||
MaterialIcon {
|
||||
text: "unfold_more"
|
||||
color: Colours.palette.m3onSurfaceVariant
|
||||
font: Tokens.font.icon.medium
|
||||
fontStyle: Tokens.font.icon.medium
|
||||
visible: storageGaugeCard.diskCount > 1
|
||||
opacity: 0.7
|
||||
ToolTip.visible: hintHover.hovered
|
||||
|
|
@ -729,7 +729,7 @@ Item {
|
|||
MaterialIcon {
|
||||
text: "download"
|
||||
color: Colours.palette.m3tertiary
|
||||
font: Tokens.font.icon.medium
|
||||
fontStyle: Tokens.font.icon.medium
|
||||
}
|
||||
|
||||
StyledText {
|
||||
|
|
@ -760,7 +760,7 @@ Item {
|
|||
MaterialIcon {
|
||||
text: "upload"
|
||||
color: Colours.palette.m3secondary
|
||||
font: Tokens.font.icon.medium
|
||||
fontStyle: Tokens.font.icon.medium
|
||||
}
|
||||
|
||||
StyledText {
|
||||
|
|
@ -791,7 +791,7 @@ Item {
|
|||
MaterialIcon {
|
||||
text: "history"
|
||||
color: Colours.palette.m3onSurfaceVariant
|
||||
font: Tokens.font.icon.medium
|
||||
fontStyle: Tokens.font.icon.medium
|
||||
}
|
||||
|
||||
StyledText {
|
||||
|
|
|
|||
|
|
@ -221,7 +221,7 @@ Item {
|
|||
text: tab.iconName
|
||||
color: tab.current ? Colours.palette.m3primary : Colours.palette.m3onSurfaceVariant
|
||||
fill: tab.current ? 1 : 0
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
|
||||
Behavior on fill {
|
||||
Anim {}
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@ Item {
|
|||
MaterialIcon {
|
||||
Layout.alignment: Qt.AlignVCenter
|
||||
text: Weather.icon
|
||||
font: Tokens.font.icon.builders.extraLarge.size(Tokens.font.icon.extraLarge.pointSize * 3).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.font.icon.extraLarge.pointSize * 3).build()
|
||||
color: Colours.palette.m3secondary
|
||||
animate: true
|
||||
}
|
||||
|
|
@ -183,7 +183,7 @@ Item {
|
|||
MaterialIcon {
|
||||
Layout.alignment: Qt.AlignHCenter
|
||||
text: forecastItem.modelData.icon
|
||||
font: Tokens.font.icon.extraLarge
|
||||
fontStyle: Tokens.font.icon.extraLarge
|
||||
color: Colours.palette.m3secondary
|
||||
}
|
||||
|
||||
|
|
@ -219,7 +219,7 @@ Item {
|
|||
MaterialIcon {
|
||||
text: detailRoot.icon
|
||||
color: detailRoot.colour
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
}
|
||||
|
||||
|
|
@ -254,7 +254,7 @@ Item {
|
|||
|
||||
MaterialIcon {
|
||||
text: weatherStat.icon
|
||||
font: Tokens.font.icon.extraLarge
|
||||
fontStyle: Tokens.font.icon.extraLarge
|
||||
color: weatherStat.colour
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@ CustomMouseArea {
|
|||
anchors.centerIn: parent
|
||||
text: "chevron_left"
|
||||
color: Colours.palette.m3tertiary
|
||||
font: Tokens.font.icon.builders.medium.weight(700).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.font.icon.medium.pointSize).weight(700).build()
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -118,7 +118,7 @@ CustomMouseArea {
|
|||
anchors.centerIn: parent
|
||||
text: "chevron_right"
|
||||
color: Colours.palette.m3tertiary
|
||||
font: Tokens.font.icon.builders.medium.weight(700).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.font.icon.medium.pointSize).weight(700).build()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -98,7 +98,7 @@ Item {
|
|||
grade: 200
|
||||
text: "art_track"
|
||||
color: Colours.palette.m3onSurfaceVariant
|
||||
font: Tokens.font.icon.builders.medium.size((parent.width * 0.4) || 1).build()
|
||||
fontStyle: Tokens.font.icon.builder.size((parent.width * 0.4) || 1).build()
|
||||
}
|
||||
|
||||
Image {
|
||||
|
|
@ -236,7 +236,7 @@ Item {
|
|||
animate: true
|
||||
text: control.icon
|
||||
color: control.canUse ? Colours.palette.m3onSurface : Colours.palette.m3outline
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@ Item {
|
|||
animate: true
|
||||
text: Weather.icon
|
||||
color: Colours.palette.m3secondary
|
||||
font: Tokens.font.icon.builders.xl.size(Tokens.font.icon.xl.pointSize * 2).build()
|
||||
fontStyle: Tokens.font.icon.extraLarge.size(Tokens.font.icon.extraLarge.pointSize * 2).build()
|
||||
}
|
||||
|
||||
Column {
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@ Row {
|
|||
text: "person"
|
||||
fill: 1
|
||||
grade: 200
|
||||
font: Tokens.font.icon.builders.medium.size(Math.floor(info.implicitHeight / 2) || 1).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Math.floor(info.implicitHeight / 2) || 1).build()
|
||||
visible: pfp.status !== Image.Ready
|
||||
}
|
||||
|
||||
|
|
@ -84,7 +84,7 @@ Row {
|
|||
|
||||
text: "frame_person"
|
||||
color: Colours.palette.m3onPrimary
|
||||
font: Tokens.font.icon.xl
|
||||
fontStyle: Tokens.font.icon.extraLarge
|
||||
}
|
||||
|
||||
Behavior on scale {
|
||||
|
|
@ -173,7 +173,7 @@ Row {
|
|||
fill: 1
|
||||
text: line.icon
|
||||
color: line.colour
|
||||
font: Tokens.font.icon.medium
|
||||
fontStyle: Tokens.font.icon.medium
|
||||
}
|
||||
|
||||
StyledText {
|
||||
|
|
|
|||
|
|
@ -119,7 +119,7 @@ Item {
|
|||
MaterialIcon {
|
||||
text: root.state === "wallpapers" ? "wallpaper_slideshow" : "manage_search"
|
||||
color: Colours.palette.m3onSurfaceVariant
|
||||
font: Tokens.font.icon.extraLarge
|
||||
fontStyle: Tokens.font.icon.extraLarge
|
||||
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
}
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@ Item {
|
|||
id: icon
|
||||
|
||||
text: root.modelData?.icon ?? ""
|
||||
font: Tokens.font.icon.extraLarge
|
||||
fontStyle: Tokens.font.icon.extraLarge
|
||||
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
}
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@ Item {
|
|||
|
||||
MaterialIcon {
|
||||
text: "function"
|
||||
font: Tokens.font.icon.extraLarge
|
||||
fontStyle: Tokens.font.icon.extraLarge
|
||||
Layout.alignment: Qt.AlignVCenter
|
||||
}
|
||||
|
||||
|
|
@ -112,7 +112,7 @@ Item {
|
|||
|
||||
text: "open_in_new"
|
||||
color: Colours.palette.m3onTertiary
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
|
||||
Behavior on implicitWidth {
|
||||
|
|
|
|||
|
|
@ -95,7 +95,7 @@ Item {
|
|||
sourceComponent: MaterialIcon {
|
||||
text: "check"
|
||||
color: Colours.palette.m3onSurfaceVariant
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@ Item {
|
|||
id: icon
|
||||
|
||||
text: root.modelData?.icon ?? ""
|
||||
font: Tokens.font.icon.extraLarge
|
||||
fontStyle: Tokens.font.icon.extraLarge
|
||||
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
}
|
||||
|
|
@ -71,7 +71,7 @@ Item {
|
|||
sourceComponent: MaterialIcon {
|
||||
text: "check"
|
||||
color: Colours.palette.m3onSurfaceVariant
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@ Item {
|
|||
anchors.centerIn: parent
|
||||
text: "image"
|
||||
color: Colours.tPalette.m3outline
|
||||
font: Tokens.font.icon.builders.extraLarge.size(Tokens.font.icon.extraLarge.pointSize * 2).weight(600).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.font.icon.extraLarge.pointSize * 2).weight(600).build()
|
||||
}
|
||||
|
||||
CachingImage {
|
||||
|
|
|
|||
|
|
@ -87,7 +87,7 @@ ColumnLayout {
|
|||
|
||||
text: "person"
|
||||
color: Colours.palette.m3onSurfaceVariant
|
||||
font: Tokens.font.icon.builders.large.size(Math.floor(root.centerWidth / 4)).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Math.floor(root.centerWidth / 4)).build()
|
||||
visible: pfp.status !== Image.Ready
|
||||
}
|
||||
|
||||
|
|
@ -194,7 +194,7 @@ ColumnLayout {
|
|||
anchors.centerIn: parent
|
||||
text: "arrow_forward"
|
||||
color: root.lock.pam.buffer ? Colours.palette.m3onPrimary : Colours.palette.m3onSurface
|
||||
font: Tokens.font.icon.builders.large.weight(500).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.font.icon.large.pointSize).weight(500).build()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -207,7 +207,7 @@ WlSessionLockSurface {
|
|||
|
||||
anchors.centerIn: parent
|
||||
text: "lock"
|
||||
font: Tokens.font.icon.builders.extraLarge.size(Tokens.font.icon.extraLarge.pointSize * 4).weight(Font.Bold).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.font.icon.extraLarge.pointSize * 4).weight(Font.Bold).build()
|
||||
rotation: 180
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -172,7 +172,7 @@ Item {
|
|||
|
||||
anchors.centerIn: parent
|
||||
color: control.active ? Colours.palette[`m3on${control.colour}`] : Colours.palette[`m3on${control.colour}Container`]
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
fill: control.active ? 1 : 0
|
||||
|
||||
Behavior on fill {
|
||||
|
|
|
|||
|
|
@ -99,7 +99,7 @@ StyledRect {
|
|||
MaterialIcon {
|
||||
text: Icons.getNotifIcon(root.notifs[0]?.summary, root.urgency)
|
||||
color: root.urgency === "critical" ? Colours.palette.m3onError : root.urgency === "low" ? Colours.palette.m3onSurface : Colours.palette.m3onSecondaryContainer
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -80,7 +80,7 @@ GridLayout {
|
|||
anchors.centerIn: parent
|
||||
text: res.icon
|
||||
color: res.colour
|
||||
font: Tokens.font.icon.builders.medium.size((circ.arcRadius * 0.7) || 1).weight(600).build()
|
||||
fontStyle: Tokens.font.icon.builder.size((circ.arcRadius * 0.7) || 1).weight(600).build()
|
||||
}
|
||||
|
||||
Behavior on value {
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@ ColumnLayout {
|
|||
animate: true
|
||||
text: Weather.icon
|
||||
color: Colours.palette.m3secondary
|
||||
font: Tokens.font.icon.builders.extraLarge.size(Tokens.font.icon.extraLarge.pointSize * 2.5).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.font.icon.extraLarge.pointSize * 2.5).build()
|
||||
}
|
||||
|
||||
ColumnLayout {
|
||||
|
|
@ -150,7 +150,7 @@ ColumnLayout {
|
|||
MaterialIcon {
|
||||
Layout.alignment: Qt.AlignHCenter
|
||||
text: forecastHour.modelData?.icon ?? "cloud_alert"
|
||||
font: Tokens.font.icon.builders.extraLarge.size(Tokens.font.icon.extraLarge.pointSize * 1.5).weight(500).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.font.icon.extraLarge.pointSize * 1.5).weight(500).build()
|
||||
}
|
||||
|
||||
StyledText {
|
||||
|
|
|
|||
|
|
@ -181,7 +181,7 @@ StyledRect {
|
|||
text: Icons.getNotifIcon(root.modelData.summary, root.modelData.urgency)
|
||||
|
||||
color: root.modelData.urgency === NotificationUrgency.Critical ? Colours.palette.m3onError : root.modelData.urgency === NotificationUrgency.Low ? Colours.palette.m3onSurface : Colours.palette.m3onSecondaryContainer
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -366,7 +366,7 @@ StyledRect {
|
|||
|
||||
animate: true
|
||||
text: root.expanded ? "expand_less" : "expand_more"
|
||||
font: Tokens.font.icon.medium
|
||||
fontStyle: Tokens.font.icon.medium
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -125,7 +125,7 @@ Column {
|
|||
|
||||
text: button.icon
|
||||
color: button.activeFocus ? Colours.palette.m3onSecondaryContainer : Colours.palette.m3onSurface
|
||||
font: Tokens.font.icon.builders.extraLarge.weight(500).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.font.icon.extraLarge.pointSize).weight(500).build()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -183,7 +183,7 @@ Item {
|
|||
icon: "clear_all"
|
||||
radius: Tokens.rounding.normal
|
||||
padding: Tokens.padding.medium
|
||||
font: Tokens.font.icon.builders.large.size(Math.round(Tokens.font.icon.large.pointSize * 1.2)).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Math.round(Tokens.font.icon.large.pointSize * 1.2)).build()
|
||||
onClicked: clearTimer.start()
|
||||
|
||||
Elevation {
|
||||
|
|
|
|||
|
|
@ -113,7 +113,7 @@ StyledRect {
|
|||
MaterialIcon {
|
||||
text: Icons.getNotifIcon(root.activeNotifs[0]?.summary, root.urgency)
|
||||
color: root.urgency === NotificationUrgency.Critical ? Colours.palette.m3onError : root.urgency === NotificationUrgency.Low ? Colours.palette.m3onSurface : Colours.palette.m3onSecondaryContainer
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@ StyledRect {
|
|||
anchors.centerIn: parent
|
||||
text: "coffee"
|
||||
color: IdleInhibitor.enabled ? Colours.palette.m3onSecondary : Colours.palette.m3onSecondaryContainer
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@ StyledRect {
|
|||
anchors.verticalCenterOffset: 1.5
|
||||
text: "screen_record"
|
||||
color: Recorder.running ? Colours.palette.m3onSecondary : Colours.palette.m3onSecondaryContainer
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -259,7 +259,7 @@ StyledRect {
|
|||
toggle: true
|
||||
checked: Recorder.paused
|
||||
type: IconButton.Tonal
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
onClicked: {
|
||||
Recorder.togglePause();
|
||||
internalChecked = Recorder.paused;
|
||||
|
|
@ -270,7 +270,7 @@ StyledRect {
|
|||
icon: "stop"
|
||||
inactiveColour: Colours.palette.m3error
|
||||
inactiveOnColour: Colours.palette.m3onError
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
onClicked: Recorder.stop()
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@ ColumnLayout {
|
|||
MaterialIcon {
|
||||
Layout.alignment: Qt.AlignVCenter
|
||||
text: "list"
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
|
||||
StyledText {
|
||||
|
|
@ -175,7 +175,7 @@ ColumnLayout {
|
|||
Layout.alignment: Qt.AlignHCenter
|
||||
text: "scan_delete"
|
||||
color: Colours.palette.m3outline
|
||||
font: Tokens.font.icon.extraLarge
|
||||
fontStyle: Tokens.font.icon.extraLarge
|
||||
|
||||
opacity: root.props.recordingListExpanded ? 1 : 0
|
||||
scale: root.props.recordingListExpanded ? 1 : 0
|
||||
|
|
|
|||
|
|
@ -84,7 +84,7 @@ StyledRect {
|
|||
return Colours.palette.m3onError;
|
||||
return Colours.palette.m3onSurfaceVariant;
|
||||
}
|
||||
font: Tokens.font.icon.builder.size(Math.round(Tokens.font.icon.large.pointSize * 1.2)).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Math.round(Tokens.font.icon.large.pointSize * 1.2)).build()
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@ ColumnLayout {
|
|||
animate: true
|
||||
text: root.moveToWsExpanded ? "expand_more" : "keyboard_arrow_right"
|
||||
color: Colours.palette.m3onPrimary
|
||||
font: Tokens.font.icon.large
|
||||
fontStyle: Tokens.font.icon.large
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@ Item {
|
|||
Layout.alignment: Qt.AlignHCenter
|
||||
text: "web_asset_off"
|
||||
color: Colours.palette.m3outline
|
||||
font: Tokens.font.icon.builders.extraLarge.size(Tokens.font.icon.extraLarge.pointSize * 3).build()
|
||||
fontStyle: Tokens.font.icon.builder.size(Tokens.font.icon.extraLarge.pointSize * 3).build()
|
||||
}
|
||||
|
||||
StyledText {
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue