nosignal/nosignal-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

refactor: migrate MaterialIcon font to fontStyle

Browse source
This commit is contained in:
2 * r + 2 * t 2026-04-21 01:53:04 +10:00
parent 198a6eecf2
commit acd492b3ea
59 changed files with 96 additions and 96 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/ConnectionHeader.qml
View file

@ -16,7 +16,7 @@ ColumnLayout {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
animate: true animate: true
text: root.icon 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 { StyledText {

2
components/MaterialIcon.qml
View file

@ -5,7 +5,7 @@ import qs.services
StyledText { StyledText {
property real fill property real fill
property int grade: Colours.light ? 0 : -25 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() font: Tokens.font.icon.builder.size(fontStyle.pointSize).weight(fontStyle.weight).fill(fill.toFixed(1)).grade(grade).build()
} }

2
components/controls/CollapsibleSection.qml
View file

@ -49,7 +49,7 @@ ColumnLayout {
text: "expand_more" text: "expand_more"
rotation: root.expanded ? 180 : 0 rotation: root.expanded ? 180 : 0
color: Colours.palette.m3onSurfaceVariant color: Colours.palette.m3onSurfaceVariant
font: Tokens.font.icon.medium fontStyle: Tokens.font.icon.medium
Behavior on rotation { Behavior on rotation {
Anim { Anim {

2
components/controls/ToggleButton.qml
View file

@ -61,7 +61,7 @@ StyledRect {
fill: root.toggled ? 1 : 0 fill: root.toggled ? 1 : 0
text: root.icon text: root.icon
color: root.toggled ? Colours.palette[`m3on${root.accent}`] : Colours.palette[`m3on${root.accent}Container`] 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 { Behavior on fill {
Anim {} Anim {}

2
components/filedialog/FolderContents.qml
View file

@ -59,7 +59,7 @@ Item {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
text: "scan_delete" text: "scan_delete"
color: Colours.palette.m3outline 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 { StyledText {

2
components/filedialog/Sidebar.qml
View file

@ -90,7 +90,7 @@ StyledRect {
return "folder"; return "folder";
} }
color: place.selected ? Colours.palette.m3onSecondaryContainer : Colours.palette.m3onSurface color: place.selected ? Colours.palette.m3onSecondaryContainer : Colours.palette.m3onSurface
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
fill: place.selected ? 1 : 0 fill: place.selected ? 1 : 0
Behavior on fill { Behavior on fill {

2
modules/background/Wallpaper.qml
View file

@ -48,7 +48,7 @@ Item {
MaterialIcon { MaterialIcon {
text: "sentiment_stressed" text: "sentiment_stressed"
color: Colours.palette.m3onSurfaceVariant 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 { Column {

2
modules/bar/components/Power.qml
View file

@ -29,6 +29,6 @@ Item {
text: "power_settings_new" text: "power_settings_new"
color: Colours.palette.m3error 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()
} }
} }

2
modules/bar/components/Tray.qml
View file

@ -100,7 +100,7 @@ StyledRect {
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.bottomMargin: Config.bar.tray.background ? Tokens.padding.extraSmall : -Tokens.padding.extraSmall anchors.bottomMargin: Config.bar.tray.background ? Tokens.padding.extraSmall : -Tokens.padding.extraSmall
text: "expand_less" text: "expand_less"
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
rotation: root.expanded ? 180 : 0 rotation: root.expanded ? 180 : 0
Behavior on rotation { Behavior on rotation {

2
modules/bar/popouts/ActiveWindow.qml
View file

@ -77,7 +77,7 @@ Item {
text: "chevron_right" text: "chevron_right"
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
} }
} }
} }

2
modules/bar/popouts/Battery.qml
View file

@ -213,7 +213,7 @@ Column {
anchors.centerIn: parent anchors.centerIn: parent
text: parent.icon text: parent.icon
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
color: profiles.current === text ? Colours.palette.m3onPrimary : Colours.palette.m3onSurface color: profiles.current === text ? Colours.palette.m3onPrimary : Colours.palette.m3onSurface
fill: profiles.current === text ? 1 : 0 fill: profiles.current === text ? 1 : 0

2
modules/bar/popouts/Network.qml
View file

@ -97,7 +97,7 @@ ColumnLayout {
MaterialIcon { MaterialIcon {
visible: networkItem.modelData.isSecure visible: networkItem.modelData.isSecure
text: "lock" text: "lock"
font: Tokens.font.icon.small fontStyle: Tokens.font.icon.small
} }
StyledText { StyledText {

2
modules/bar/popouts/WirelessPassword.qml
View file

@ -177,7 +177,7 @@ ColumnLayout {
MaterialIcon { MaterialIcon {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
text: "lock" 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 { StyledText {

4
modules/controlcenter/NavRail.qml
View file

@ -79,7 +79,7 @@ Item {
text: "select_window" text: "select_window"
color: Colours.palette.m3onPrimaryContainer color: Colours.palette.m3onPrimaryContainer
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
fill: 1 fill: 1
} }
@ -193,7 +193,7 @@ Item {
text: item.icon text: item.icon
color: item.active ? Colours.palette.m3onSecondaryContainer : Colours.palette.m3onSurface color: item.active ? Colours.palette.m3onSecondaryContainer : Colours.palette.m3onSurface
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
fill: item.active ? 1 : 0 fill: item.active ? 1 : 0
Behavior on fill { Behavior on fill {

4
modules/controlcenter/appearance/sections/ColorSchemeSection.qml
View file

@ -87,7 +87,7 @@ CollapsibleSection {
visible: false visible: false
text: "circle" text: "circle"
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
} }
Item { Item {
@ -137,7 +137,7 @@ CollapsibleSection {
sourceComponent: MaterialIcon { sourceComponent: MaterialIcon {
text: "check" text: "check"
color: Colours.palette.m3onSurfaceVariant color: Colours.palette.m3onSurfaceVariant
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
} }
} }
} }

4
modules/controlcenter/appearance/sections/ColorVariantSection.qml
View file

@ -68,7 +68,7 @@ CollapsibleSection {
MaterialIcon { MaterialIcon {
text: modelData.icon text: modelData.icon
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
fill: modelData.variant === Schemes.currentVariant ? 1 : 0 fill: modelData.variant === Schemes.currentVariant ? 1 : 0
} }
@ -82,7 +82,7 @@ CollapsibleSection {
visible: modelData.variant === Schemes.currentVariant visible: modelData.variant === Schemes.currentVariant
text: "check" text: "check"
color: Colours.palette.m3primary color: Colours.palette.m3primary
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
} }
} }
} }

6
modules/controlcenter/appearance/sections/FontsSection.qml
View file

@ -90,7 +90,7 @@ CollapsibleSection {
sourceComponent: MaterialIcon { sourceComponent: MaterialIcon {
text: "check" text: "check"
color: Colours.palette.m3onSurfaceVariant color: Colours.palette.m3onSurfaceVariant
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
} }
} }
} }
@ -171,7 +171,7 @@ CollapsibleSection {
sourceComponent: MaterialIcon { sourceComponent: MaterialIcon {
text: "check" text: "check"
color: Colours.palette.m3onSurfaceVariant color: Colours.palette.m3onSurfaceVariant
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
} }
} }
} }
@ -254,7 +254,7 @@ CollapsibleSection {
sourceComponent: MaterialIcon { sourceComponent: MaterialIcon {
text: "check" text: "check"
color: Colours.palette.m3onSurfaceVariant color: Colours.palette.m3onSurfaceVariant
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
} }
} }
} }

6
modules/controlcenter/audio/AudioPane.qml
View file

@ -112,7 +112,7 @@ Item {
MaterialIcon { MaterialIcon {
text: Audio.sink?.id === modelData.id ? "speaker" : "speaker_group" 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 fill: Audio.sink?.id === modelData.id ? 1 : 0
} }
@ -188,7 +188,7 @@ Item {
MaterialIcon { MaterialIcon {
text: "mic" text: "mic"
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
fill: Audio.source?.id === modelData.id ? 1 : 0 fill: Audio.source?.id === modelData.id ? 1 : 0
} }
@ -496,7 +496,7 @@ Item {
MaterialIcon { MaterialIcon {
text: "apps" text: "apps"
font: Tokens.font.icon.medium fontStyle: Tokens.font.icon.medium
fill: 0 fill: 0
} }

4
modules/controlcenter/bluetooth/Details.qml
View file

@ -597,7 +597,7 @@ StyledFlickable {
fabBg.implicitWidth: 48 fabBg.implicitWidth: 48
fabBg.implicitHeight: 48 fabBg.implicitHeight: 48
fabBg.radius: 48 / 2 fabBg.radius: 48 / 2
fab.font: Tokens.font.icon.large fab.fontStyle: Tokens.font.icon.large
} }
} }
@ -635,7 +635,7 @@ StyledFlickable {
animate: true animate: true
text: root.session.bt.fabMenuOpen ? "close" : "settings" text: root.session.bt.fabMenuOpen ? "close" : "settings"
color: root.session.bt.fabMenuOpen ? Colours.palette.m3onPrimary : Colours.palette.m3onPrimaryContainer color: root.session.bt.fabMenuOpen ? Colours.palette.m3onPrimary : Colours.palette.m3onPrimaryContainer
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
fill: 1 fill: 1
} }
} }

2
modules/controlcenter/bluetooth/DeviceList.qml
View file

@ -177,7 +177,7 @@ DeviceList {
anchors.centerIn: parent anchors.centerIn: parent
text: Icons.getBluetoothIcon(device.modelData ? device.modelData.icon : "") 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 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 fill: device.connected ? 1 : 0
Behavior on fill { Behavior on fill {

2
modules/controlcenter/components/ReadonlySlider.qml
View file

@ -38,7 +38,7 @@ ColumnLayout {
visible: root.readonly visible: root.readonly
text: "lock" text: "lock"
color: Colours.palette.m3outline color: Colours.palette.m3outline
font: Tokens.font.icon.small fontStyle: Tokens.font.icon.small
} }
StyledText { StyledText {

2
modules/controlcenter/components/SettingsHeader.qml
View file

@ -23,7 +23,7 @@ Item {
MaterialIcon { MaterialIcon {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
text: root.icon 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 { StyledText {

2
modules/controlcenter/components/WallpaperGrid.qml
View file

@ -195,7 +195,7 @@ GridView {
visible: isCurrent visible: isCurrent
text: "check_circle" text: "check_circle"
color: Colours.palette.m3primary color: Colours.palette.m3primary
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
} }
} }

2
modules/controlcenter/network/EthernetList.qml
View file

@ -100,7 +100,7 @@ DeviceList {
anchors.centerIn: parent anchors.centerIn: parent
text: "cable" text: "cable"
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
fill: modelData.connected ? 1 : 0 fill: modelData.connected ? 1 : 0
color: modelData.connected ? Colours.palette.m3onPrimaryContainer : Colours.palette.m3onSurface color: modelData.connected ? Colours.palette.m3onPrimaryContainer : Colours.palette.m3onSurface

2
modules/controlcenter/network/VpnList.qml
View file

@ -138,7 +138,7 @@ ColumnLayout {
anchors.centerIn: parent anchors.centerIn: parent
text: modelData.enabled && VPN.connected ? "vpn_key" : "vpn_key_off" 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 fill: modelData.enabled && VPN.connected ? 1 : 0
color: modelData.enabled && VPN.connected ? Colours.palette.m3onPrimaryContainer : Colours.palette.m3onSurface color: modelData.enabled && VPN.connected ? Colours.palette.m3onPrimaryContainer : Colours.palette.m3onSurface
} }

2
modules/controlcenter/network/VpnSettings.qml
View file

@ -94,7 +94,7 @@ ColumnLayout {
MaterialIcon { MaterialIcon {
text: modelData.isActive ? "vpn_key" : "vpn_key_off" 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 color: modelData.isActive ? Colours.palette.m3primary : Colours.palette.m3outline
} }

2
modules/controlcenter/network/WirelessList.qml
View file

@ -145,7 +145,7 @@ DeviceList {
anchors.centerIn: parent anchors.centerIn: parent
text: Icons.getNetworkIcon(modelData.strength, modelData.isSecure) text: Icons.getNetworkIcon(modelData.strength, modelData.isSecure)
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
fill: modelData.active ? 1 : 0 fill: modelData.active ? 1 : 0
color: modelData.active ? Colours.palette.m3onPrimaryContainer : Colours.palette.m3onSurface color: modelData.active ? Colours.palette.m3onPrimaryContainer : Colours.palette.m3onSurface
} }

2
modules/controlcenter/network/WirelessPasswordDialog.qml
View file

@ -149,7 +149,7 @@ Item {
MaterialIcon { MaterialIcon {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
text: "lock" 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 { StyledText {

4
modules/dashboard/LyricMenu.qml
View file

@ -41,7 +41,7 @@ StyledRect {
text: "lyrics" text: "lyrics"
fill: 1 fill: 1
color: Colours.palette.m3primary 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 { Rectangle {
@ -339,7 +339,7 @@ StyledRect {
MaterialIcon { MaterialIcon {
text: "contrast_square" text: "contrast_square"
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
color: Colours.palette.m3secondary color: Colours.palette.m3secondary
} }

16
modules/dashboard/Media.qml
View file

@ -173,7 +173,7 @@ Item {
grade: 200 grade: 200
text: "art_track" text: "art_track"
color: Colours.palette.m3onSurfaceVariant 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 { Image {
@ -267,7 +267,7 @@ Item {
PlayerControl { PlayerControl {
type: IconButton.Text type: IconButton.Text
icon: Players.active?.shuffle ? "shuffle_on" : "shuffle" 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 disabled: !Players.active?.shuffleSupported
onClicked: Players.active.shuffle = !Players.active?.shuffle onClicked: Players.active.shuffle = !Players.active?.shuffle
} }
@ -275,7 +275,7 @@ Item {
PlayerControl { PlayerControl {
type: IconButton.Text type: IconButton.Text
icon: "skip_previous" 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 disabled: !Players.active?.canGoPrevious
onClicked: Players.active?.previous() onClicked: Players.active?.previous()
} }
@ -286,7 +286,7 @@ Item {
toggle: true toggle: true
padding: Tokens.padding.extraSmall / 2 padding: Tokens.padding.extraSmall / 2
checked: Players.active?.isPlaying ?? false 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 disabled: !Players.active?.canTogglePlaying
onClicked: Players.active?.togglePlaying() onClicked: Players.active?.togglePlaying()
} }
@ -294,7 +294,7 @@ Item {
PlayerControl { PlayerControl {
type: IconButton.Text type: IconButton.Text
icon: "skip_next" 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 disabled: !Players.active?.canGoNext
onClicked: Players.active?.next() onClicked: Players.active?.next()
} }
@ -302,7 +302,7 @@ Item {
PlayerControl { PlayerControl {
type: IconButton.Text type: IconButton.Text
icon: "lyrics" 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 onClicked: root.lyricMenuOpen = !root.lyricMenuOpen
} }
} }
@ -444,7 +444,7 @@ Item {
icon: "move_up" icon: "move_up"
inactiveOnColour: Colours.palette.m3secondary inactiveOnColour: Colours.palette.m3secondary
padding: Tokens.padding.small padding: Tokens.padding.small
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
disabled: !Players.active?.canRaise disabled: !Players.active?.canRaise
onClicked: { onClicked: {
Players.active?.raise(); Players.active?.raise();
@ -483,7 +483,7 @@ Item {
icon: "delete" icon: "delete"
inactiveOnColour: Colours.palette.m3error inactiveOnColour: Colours.palette.m3error
padding: Tokens.padding.small padding: Tokens.padding.small
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
disabled: !Players.active?.canQuit disabled: !Players.active?.canQuit
onClicked: Players.active?.quit() onClicked: Players.active?.quit()
} }

14
modules/dashboard/Performance.qml
View file

@ -37,7 +37,7 @@ Item {
MaterialIcon { MaterialIcon {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
text: "tune" 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 color: Colours.palette.m3onSurfaceVariant
} }
@ -214,7 +214,7 @@ Item {
return charging ? `battery_charging_${(level + 3) * 10}` : `battery_${level}_bar`; return charging ? `battery_charging_${(level + 3) * 10}` : `battery_${level}_bar`;
} }
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
color: batteryTank.accentColor color: batteryTank.accentColor
} }
@ -287,7 +287,7 @@ Item {
text: parent.icon text: parent.icon
fill: 1 fill: 1
color: parent.accentColor 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 { StyledText {
@ -581,7 +581,7 @@ Item {
MaterialIcon { MaterialIcon {
text: "unfold_more" text: "unfold_more"
color: Colours.palette.m3onSurfaceVariant color: Colours.palette.m3onSurfaceVariant
font: Tokens.font.icon.medium fontStyle: Tokens.font.icon.medium
visible: storageGaugeCard.diskCount > 1 visible: storageGaugeCard.diskCount > 1
opacity: 0.7 opacity: 0.7
ToolTip.visible: hintHover.hovered ToolTip.visible: hintHover.hovered
@ -729,7 +729,7 @@ Item {
MaterialIcon { MaterialIcon {
text: "download" text: "download"
color: Colours.palette.m3tertiary color: Colours.palette.m3tertiary
font: Tokens.font.icon.medium fontStyle: Tokens.font.icon.medium
} }
StyledText { StyledText {
@ -760,7 +760,7 @@ Item {
MaterialIcon { MaterialIcon {
text: "upload" text: "upload"
color: Colours.palette.m3secondary color: Colours.palette.m3secondary
font: Tokens.font.icon.medium fontStyle: Tokens.font.icon.medium
} }
StyledText { StyledText {
@ -791,7 +791,7 @@ Item {
MaterialIcon { MaterialIcon {
text: "history" text: "history"
color: Colours.palette.m3onSurfaceVariant color: Colours.palette.m3onSurfaceVariant
font: Tokens.font.icon.medium fontStyle: Tokens.font.icon.medium
} }
StyledText { StyledText {

2
modules/dashboard/Tabs.qml
View file

@ -221,7 +221,7 @@ Item {
text: tab.iconName text: tab.iconName
color: tab.current ? Colours.palette.m3primary : Colours.palette.m3onSurfaceVariant color: tab.current ? Colours.palette.m3primary : Colours.palette.m3onSurfaceVariant
fill: tab.current ? 1 : 0 fill: tab.current ? 1 : 0
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
Behavior on fill { Behavior on fill {
Anim {} Anim {}

8
modules/dashboard/WeatherTab.qml
View file

@ -79,7 +79,7 @@ Item {
MaterialIcon { MaterialIcon {
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
text: Weather.icon 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 color: Colours.palette.m3secondary
animate: true animate: true
} }
@ -183,7 +183,7 @@ Item {
MaterialIcon { MaterialIcon {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
text: forecastItem.modelData.icon text: forecastItem.modelData.icon
font: Tokens.font.icon.extraLarge fontStyle: Tokens.font.icon.extraLarge
color: Colours.palette.m3secondary color: Colours.palette.m3secondary
} }
@ -219,7 +219,7 @@ Item {
MaterialIcon { MaterialIcon {
text: detailRoot.icon text: detailRoot.icon
color: detailRoot.colour color: detailRoot.colour
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
} }
@ -254,7 +254,7 @@ Item {
MaterialIcon { MaterialIcon {
text: weatherStat.icon text: weatherStat.icon
font: Tokens.font.icon.extraLarge fontStyle: Tokens.font.icon.extraLarge
color: weatherStat.colour color: weatherStat.colour
} }

4
modules/dashboard/dash/Calendar.qml
View file

@ -61,7 +61,7 @@ CustomMouseArea {
anchors.centerIn: parent anchors.centerIn: parent
text: "chevron_left" text: "chevron_left"
color: Colours.palette.m3tertiary 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 anchors.centerIn: parent
text: "chevron_right" text: "chevron_right"
color: Colours.palette.m3tertiary 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()
} }
} }
} }

4
modules/dashboard/dash/Media.qml
View file

@ -98,7 +98,7 @@ Item {
grade: 200 grade: 200
text: "art_track" text: "art_track"
color: Colours.palette.m3onSurfaceVariant 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 { Image {
@ -236,7 +236,7 @@ Item {
animate: true animate: true
text: control.icon text: control.icon
color: control.canUse ? Colours.palette.m3onSurface : Colours.palette.m3outline color: control.canUse ? Colours.palette.m3onSurface : Colours.palette.m3outline
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
} }
} }
} }

2
modules/dashboard/dash/SmallWeather.qml
View file

@ -21,7 +21,7 @@ Item {
animate: true animate: true
text: Weather.icon text: Weather.icon
color: Colours.palette.m3secondary 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 { Column {

6
modules/dashboard/dash/User.qml
View file

@ -29,7 +29,7 @@ Row {
text: "person" text: "person"
fill: 1 fill: 1
grade: 200 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 visible: pfp.status !== Image.Ready
} }
@ -84,7 +84,7 @@ Row {
text: "frame_person" text: "frame_person"
color: Colours.palette.m3onPrimary color: Colours.palette.m3onPrimary
font: Tokens.font.icon.xl fontStyle: Tokens.font.icon.extraLarge
} }
Behavior on scale { Behavior on scale {
@ -173,7 +173,7 @@ Row {
fill: 1 fill: 1
text: line.icon text: line.icon
color: line.colour color: line.colour
font: Tokens.font.icon.medium fontStyle: Tokens.font.icon.medium
} }
StyledText { StyledText {

2
modules/launcher/ContentList.qml
View file

@ -119,7 +119,7 @@ Item {
MaterialIcon { MaterialIcon {
text: root.state === "wallpapers" ? "wallpaper_slideshow" : "manage_search" text: root.state === "wallpapers" ? "wallpaper_slideshow" : "manage_search"
color: Colours.palette.m3onSurfaceVariant color: Colours.palette.m3onSurfaceVariant
font: Tokens.font.icon.extraLarge fontStyle: Tokens.font.icon.extraLarge
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
} }

2
modules/launcher/items/ActionItem.qml
View file

@ -29,7 +29,7 @@ Item {
id: icon id: icon
text: root.modelData?.icon ?? "" text: root.modelData?.icon ?? ""
font: Tokens.font.icon.extraLarge fontStyle: Tokens.font.icon.extraLarge
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
} }

4
modules/launcher/items/CalcItem.qml
View file

@ -42,7 +42,7 @@ Item {
MaterialIcon { MaterialIcon {
text: "function" text: "function"
font: Tokens.font.icon.extraLarge fontStyle: Tokens.font.icon.extraLarge
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
} }
@ -112,7 +112,7 @@ Item {
text: "open_in_new" text: "open_in_new"
color: Colours.palette.m3onTertiary color: Colours.palette.m3onTertiary
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
} }
Behavior on implicitWidth { Behavior on implicitWidth {

2
modules/launcher/items/SchemeItem.qml
View file

@ -95,7 +95,7 @@ Item {
sourceComponent: MaterialIcon { sourceComponent: MaterialIcon {
text: "check" text: "check"
color: Colours.palette.m3onSurfaceVariant color: Colours.palette.m3onSurfaceVariant
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
} }
} }
} }

4
modules/launcher/items/VariantItem.qml
View file

@ -30,7 +30,7 @@ Item {
id: icon id: icon
text: root.modelData?.icon ?? "" text: root.modelData?.icon ?? ""
font: Tokens.font.icon.extraLarge fontStyle: Tokens.font.icon.extraLarge
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
} }
@ -71,7 +71,7 @@ Item {
sourceComponent: MaterialIcon { sourceComponent: MaterialIcon {
text: "check" text: "check"
color: Colours.palette.m3onSurfaceVariant color: Colours.palette.m3onSurfaceVariant
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
} }
} }
} }

2
modules/launcher/items/WallpaperItem.qml
View file

@ -58,7 +58,7 @@ Item {
anchors.centerIn: parent anchors.centerIn: parent
text: "image" text: "image"
color: Colours.tPalette.m3outline 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 { CachingImage {

4
modules/lock/Center.qml
View file

@ -87,7 +87,7 @@ ColumnLayout {
text: "person" text: "person"
color: Colours.palette.m3onSurfaceVariant 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 visible: pfp.status !== Image.Ready
} }
@ -194,7 +194,7 @@ ColumnLayout {
anchors.centerIn: parent anchors.centerIn: parent
text: "arrow_forward" text: "arrow_forward"
color: root.lock.pam.buffer ? Colours.palette.m3onPrimary : Colours.palette.m3onSurface 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()
} }
} }
} }

2
modules/lock/LockSurface.qml
View file

@ -207,7 +207,7 @@ WlSessionLockSurface {
anchors.centerIn: parent anchors.centerIn: parent
text: "lock" 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 rotation: 180
} }

2
modules/lock/Media.qml
View file

@ -172,7 +172,7 @@ Item {
anchors.centerIn: parent anchors.centerIn: parent
color: control.active ? Colours.palette[`m3on${control.colour}`] : Colours.palette[`m3on${control.colour}Container`] 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 fill: control.active ? 1 : 0
Behavior on fill { Behavior on fill {

2
modules/lock/NotifGroup.qml
View file

@ -99,7 +99,7 @@ StyledRect {
MaterialIcon { MaterialIcon {
text: Icons.getNotifIcon(root.notifs[0]?.summary, root.urgency) 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 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
} }
} }

2
modules/lock/Resources.qml
View file

@ -80,7 +80,7 @@ GridLayout {
anchors.centerIn: parent anchors.centerIn: parent
text: res.icon text: res.icon
color: res.colour 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 { Behavior on value {

4
modules/lock/WeatherInfo.qml
View file

@ -41,7 +41,7 @@ ColumnLayout {
animate: true animate: true
text: Weather.icon text: Weather.icon
color: Colours.palette.m3secondary 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 { ColumnLayout {
@ -150,7 +150,7 @@ ColumnLayout {
MaterialIcon { MaterialIcon {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
text: forecastHour.modelData?.icon ?? "cloud_alert" 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 { StyledText {

4
modules/notifications/Notification.qml
View file

@ -181,7 +181,7 @@ StyledRect {
text: Icons.getNotifIcon(root.modelData.summary, root.modelData.urgency) 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 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 animate: true
text: root.expanded ? "expand_less" : "expand_more" text: root.expanded ? "expand_less" : "expand_more"
font: Tokens.font.icon.medium fontStyle: Tokens.font.icon.medium
} }
} }

2
modules/session/Content.qml
View file

@ -125,7 +125,7 @@ Column {
text: button.icon text: button.icon
color: button.activeFocus ? Colours.palette.m3onSecondaryContainer : Colours.palette.m3onSurface 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()
} }
} }
} }

2
modules/sidebar/NotifDock.qml
View file

@ -183,7 +183,7 @@ Item {
icon: "clear_all" icon: "clear_all"
radius: Tokens.rounding.normal radius: Tokens.rounding.normal
padding: Tokens.padding.medium 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() onClicked: clearTimer.start()
Elevation { Elevation {

2
modules/sidebar/NotifGroup.qml
View file

@ -113,7 +113,7 @@ StyledRect {
MaterialIcon { MaterialIcon {
text: Icons.getNotifIcon(root.activeNotifs[0]?.summary, root.urgency) 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 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
} }
} }

2
modules/utilities/cards/IdleInhibit.qml
View file

@ -37,7 +37,7 @@ StyledRect {
anchors.centerIn: parent anchors.centerIn: parent
text: "coffee" text: "coffee"
color: IdleInhibitor.enabled ? Colours.palette.m3onSecondary : Colours.palette.m3onSecondaryContainer color: IdleInhibitor.enabled ? Colours.palette.m3onSecondary : Colours.palette.m3onSecondaryContainer
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
} }
} }

6
modules/utilities/cards/Record.qml
View file

@ -48,7 +48,7 @@ StyledRect {
anchors.verticalCenterOffset: 1.5 anchors.verticalCenterOffset: 1.5
text: "screen_record" text: "screen_record"
color: Recorder.running ? Colours.palette.m3onSecondary : Colours.palette.m3onSecondaryContainer 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 toggle: true
checked: Recorder.paused checked: Recorder.paused
type: IconButton.Tonal type: IconButton.Tonal
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
onClicked: { onClicked: {
Recorder.togglePause(); Recorder.togglePause();
internalChecked = Recorder.paused; internalChecked = Recorder.paused;
@ -270,7 +270,7 @@ StyledRect {
icon: "stop" icon: "stop"
inactiveColour: Colours.palette.m3error inactiveColour: Colours.palette.m3error
inactiveOnColour: Colours.palette.m3onError inactiveOnColour: Colours.palette.m3onError
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
onClicked: Recorder.stop() onClicked: Recorder.stop()
} }
} }

4
modules/utilities/cards/RecordingList.qml
View file

@ -32,7 +32,7 @@ ColumnLayout {
MaterialIcon { MaterialIcon {
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
text: "list" text: "list"
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
} }
StyledText { StyledText {
@ -175,7 +175,7 @@ ColumnLayout {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
text: "scan_delete" text: "scan_delete"
color: Colours.palette.m3outline color: Colours.palette.m3outline
font: Tokens.font.icon.extraLarge fontStyle: Tokens.font.icon.extraLarge
opacity: root.props.recordingListExpanded ? 1 : 0 opacity: root.props.recordingListExpanded ? 1 : 0
scale: root.props.recordingListExpanded ? 1 : 0 scale: root.props.recordingListExpanded ? 1 : 0

2
modules/utilities/toasts/ToastItem.qml
View file

@ -84,7 +84,7 @@ StyledRect {
return Colours.palette.m3onError; return Colours.palette.m3onError;
return Colours.palette.m3onSurfaceVariant; 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()
} }
} }

2
modules/windowinfo/Buttons.qml
View file

@ -49,7 +49,7 @@ ColumnLayout {
animate: true animate: true
text: root.moveToWsExpanded ? "expand_more" : "keyboard_arrow_right" text: root.moveToWsExpanded ? "expand_more" : "keyboard_arrow_right"
color: Colours.palette.m3onPrimary color: Colours.palette.m3onPrimary
font: Tokens.font.icon.large fontStyle: Tokens.font.icon.large
} }
} }
} }

2
modules/windowinfo/Preview.qml
View file

@ -44,7 +44,7 @@ Item {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
text: "web_asset_off" text: "web_asset_off"
color: Colours.palette.m3outline 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 { StyledText {