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

refactor: migrate more controlcenter stuff to new font API

Browse source
This commit is contained in:
2 * r + 2 * t 2026-04-21 01:05:54 +10:00
parent c21c5fe552
commit c869eee460
12 changed files with 46 additions and 63 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
modules/controlcenter/appearance/AppearancePane.qml
View file

@ -111,8 +111,7 @@ Item {
Layout.alignment: Qt.AlignHCenter
Layout.bottomMargin: Tokens.spacing.medium
text: qsTr("Wallpaper")
font.pointSize: Tokens.font.size.extraLarge
font.weight: 600
font: Tokens.font.body.builders.large.size(28).weight(600).build()
}
Loader {
@ -177,8 +176,7 @@ Item {
StyledText {
text: qsTr("Appearance")
font.pointSize: Tokens.font.size.large
font.weight: 500
font: Tokens.font.body.builders.large.weight(500).build()
}
Item {

15
modules/controlcenter/appearance/sections/BackgroundSection.qml
View file

@ -39,8 +39,7 @@ CollapsibleSection {
StyledText {
Layout.topMargin: Tokens.spacing.medium
text: qsTr("Desktop Clock")
font.pointSize: Tokens.font.size.larger
font.weight: 500
font: Tokens.font.body.builders.large.weight(500).build()
}
SwitchRow {
@ -69,8 +68,7 @@ CollapsibleSection {
StyledText {
text: qsTr("Positioning")
font.pointSize: Tokens.font.size.larger
font.weight: 500
font: Tokens.font.body.builders.large.weight(500).build()
}
SplitButtonRow {
@ -160,8 +158,7 @@ CollapsibleSection {
StyledText {
text: qsTr("Shadow")
font.pointSize: Tokens.font.size.larger
font.weight: 500
font: Tokens.font.body.builders.large.weight(500).build()
}
SwitchRow {
@ -229,8 +226,7 @@ CollapsibleSection {
StyledText {
text: qsTr("Background")
font.pointSize: Tokens.font.size.larger
font.weight: 500
font: Tokens.font.body.builders.large.weight(500).build()
}
SwitchRow {
@ -280,8 +276,7 @@ CollapsibleSection {
StyledText {
Layout.topMargin: Tokens.spacing.medium
text: qsTr("Visualiser")
font.pointSize: Tokens.font.size.larger
font.weight: 500
font: Tokens.font.body.builders.large.weight(500).build()
}
SwitchRow {

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

@ -87,7 +87,7 @@ CollapsibleSection {
visible: false
text: "circle"
font.pointSize: Tokens.font.size.large
font: Tokens.font.icon.large
}
Item {
@ -116,12 +116,12 @@ CollapsibleSection {
StyledText {
text: modelData.flavour ?? ""
font.pointSize: Tokens.font.size.normal
font: Tokens.font.body.medium
}
StyledText {
text: modelData.name ?? ""
font.pointSize: Tokens.font.size.small
font: Tokens.font.body.small
color: Colours.palette.m3outline
elide: Text.ElideRight
@ -137,7 +137,7 @@ CollapsibleSection {
sourceComponent: MaterialIcon {
text: "check"
color: Colours.palette.m3onSurfaceVariant
font.pointSize: Tokens.font.size.large
font: Tokens.font.icon.large
}
}
}

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

@ -68,21 +68,21 @@ CollapsibleSection {
MaterialIcon {
text: modelData.icon
font.pointSize: Tokens.font.size.large
font: Tokens.font.icon.large
fill: modelData.variant === Schemes.currentVariant ? 1 : 0
}
StyledText {
Layout.fillWidth: true
text: modelData.name
font.weight: modelData.variant === Schemes.currentVariant ? 500 : 400
font: modelData.variant === Schemes.currentVariant ? Tokens.font.body.builders.small.weight(500).build() : Tokens.font.body.builders.small.weight(400).build()
}
MaterialIcon {
visible: modelData.variant === Schemes.currentVariant
text: "check"
color: Colours.palette.m3primary
font.pointSize: Tokens.font.size.large
font: Tokens.font.icon.large
}
}
}

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

@ -76,7 +76,7 @@ CollapsibleSection {
StyledText {
text: modelData
font.pointSize: Tokens.font.size.normal
font: Tokens.font.body.medium
}
Item {
@ -90,7 +90,7 @@ CollapsibleSection {
sourceComponent: MaterialIcon {
text: "check"
color: Colours.palette.m3onSurfaceVariant
font.pointSize: Tokens.font.size.large
font: Tokens.font.icon.large
}
}
}
@ -157,7 +157,7 @@ CollapsibleSection {
StyledText {
text: modelData
font.pointSize: Tokens.font.size.normal
font: Tokens.font.body.medium
}
Item {
@ -171,7 +171,7 @@ CollapsibleSection {
sourceComponent: MaterialIcon {
text: "check"
color: Colours.palette.m3onSurfaceVariant
font.pointSize: Tokens.font.size.large
font: Tokens.font.icon.large
}
}
}
@ -240,7 +240,7 @@ CollapsibleSection {
StyledText {
text: modelData
font.pointSize: Tokens.font.size.normal
font: Tokens.font.body.medium
}
Item {
@ -254,7 +254,7 @@ CollapsibleSection {
sourceComponent: MaterialIcon {
text: "check"
color: Colours.palette.m3onSurfaceVariant
font.pointSize: Tokens.font.size.large
font: Tokens.font.icon.large
}
}
}

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

@ -46,8 +46,7 @@ Item {
StyledText {
text: qsTr("Audio")
font.pointSize: Tokens.font.size.large
font.weight: 500
font: Tokens.font.body.builders.large.weight(500).build()
}
Item {
@ -72,8 +71,7 @@ Item {
StyledText {
text: qsTr("Devices (%1)").arg(Audio.sinks.length)
font.pointSize: Tokens.font.size.normal
font.weight: 500
font: Tokens.font.body.builders.medium.weight(500).build()
}
}
@ -114,7 +112,7 @@ Item {
MaterialIcon {
text: Audio.sink?.id === modelData.id ? "speaker" : "speaker_group"
font.pointSize: Tokens.font.size.large
font: Tokens.font.icon.large
fill: Audio.sink?.id === modelData.id ? 1 : 0
}
@ -124,7 +122,7 @@ Item {
maximumLineCount: 1
text: modelData.description || qsTr("Unknown")
font.weight: Audio.sink?.id === modelData.id ? 500 : 400
font: Audio.sink?.id === modelData.id ? Tokens.font.body.builders.small.weight(500).build() : Tokens.font.body.builders.small.weight(400).build()
}
}
}
@ -149,8 +147,7 @@ Item {
StyledText {
text: qsTr("Devices (%1)").arg(Audio.sources.length)
font.pointSize: Tokens.font.size.normal
font.weight: 500
font: Tokens.font.body.builders.medium.weight(500).build()
}
}
@ -191,7 +188,7 @@ Item {
MaterialIcon {
text: "mic"
font.pointSize: Tokens.font.size.large
font: Tokens.font.icon.large
fill: Audio.source?.id === modelData.id ? 1 : 0
}
@ -201,7 +198,7 @@ Item {
maximumLineCount: 1
text: modelData.description || qsTr("Unknown")
font.weight: Audio.source?.id === modelData.id ? 500 : 400
font: Audio.source?.id === modelData.id ? Tokens.font.body.builders.small.weight(500).build() : Tokens.font.body.builders.small.weight(400).build()
}
}
}
@ -254,8 +251,7 @@ Item {
StyledText {
text: qsTr("Volume")
font.pointSize: Tokens.font.size.normal
font.weight: 500
font: Tokens.font.body.builders.medium.weight(500).build()
}
Item {
@ -306,7 +302,7 @@ Item {
StyledText {
text: "%"
color: Colours.palette.m3outline
font.pointSize: Tokens.font.size.normal
font: Tokens.font.body.medium
opacity: Audio.muted ? 0.5 : 1
}
@ -372,8 +368,7 @@ Item {
StyledText {
text: qsTr("Volume")
font.pointSize: Tokens.font.size.normal
font.weight: 500
font: Tokens.font.body.builders.medium.weight(500).build()
}
Item {
@ -424,7 +419,7 @@ Item {
StyledText {
text: "%"
color: Colours.palette.m3outline
font.pointSize: Tokens.font.size.normal
font: Tokens.font.body.medium
opacity: Audio.sourceMuted ? 0.5 : 1
}
@ -501,7 +496,7 @@ Item {
MaterialIcon {
text: "apps"
font.pointSize: Tokens.font.size.normal
font: Tokens.font.icon.medium
fill: 0
}
@ -510,8 +505,7 @@ Item {
elide: Text.ElideRight
maximumLineCount: 1
text: Audio.getStreamName(modelData)
font.pointSize: Tokens.font.size.normal
font.weight: 500
font: Tokens.font.body.builders.medium.weight(500).build()
}
StyledInputField {
@ -558,7 +552,7 @@ Item {
StyledText {
text: "%"
color: Colours.palette.m3outline
font.pointSize: Tokens.font.size.normal
font: Tokens.font.body.medium
opacity: Audio.getStreamMuted(modelData) ? 0.5 : 1
}
@ -617,7 +611,7 @@ Item {
visible: Audio.streams.length === 0
text: qsTr("No applications currently playing audio")
color: Colours.palette.m3outline
font.pointSize: Tokens.font.size.small
font: Tokens.font.body.small
horizontalAlignment: Text.AlignHCenter
}
}

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

@ -35,7 +35,7 @@ StyledRect {
StyledText {
visible: root.title !== ""
text: root.title
font.pointSize: Tokens.font.size.normal
font: Tokens.font.title.small
}
GridLayout {

3
modules/controlcenter/components/DeviceList.qml
View file

@ -47,8 +47,7 @@ ColumnLayout {
StyledText {
visible: root.title !== ""
text: root.title
font.pointSize: Tokens.font.size.large
font.weight: 500
font: Tokens.font.title.builders.medium.weight(500).build()
}
Loader {

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

@ -26,7 +26,7 @@ ColumnLayout {
StyledText {
visible: root.label !== ""
text: root.label
font.pointSize: Tokens.font.size.normal
font: Tokens.font.label.medium
color: root.readonly ? Colours.palette.m3outline : Colours.palette.m3onSurface
}
@ -38,12 +38,12 @@ ColumnLayout {
visible: root.readonly
text: "lock"
color: Colours.palette.m3outline
font.pointSize: Tokens.font.size.small
font: Tokens.font.icon.small
}
StyledText {
text: Math.round(root.value) + (root.suffix !== "" ? " " + root.suffix : "")
font.pointSize: Tokens.font.size.normal
font: Tokens.font.body.medium
color: root.readonly ? Colours.palette.m3outline : Colours.palette.m3onSurface
}
}

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

@ -23,15 +23,13 @@ Item {
MaterialIcon {
Layout.alignment: Qt.AlignHCenter
text: root.icon
font.pointSize: Tokens.font.size.extraLarge * 3
font.bold: true
font: Tokens.font.icon.builders.xl.size(84).weight(Font.Bold).build()
}
StyledText {
Layout.alignment: Qt.AlignHCenter
text: root.title
font.pointSize: Tokens.font.size.large
font.bold: true
font: Tokens.font.title.builders.medium.weight(Font.Bold).build()
}
}
}

4
modules/controlcenter/components/SliderInput.qml
View file

@ -76,7 +76,7 @@ ColumnLayout {
StyledText {
visible: root.label !== ""
text: root.label
font.pointSize: Tokens.font.size.normal
font: Tokens.font.label.medium
}
Item {
@ -138,7 +138,7 @@ ColumnLayout {
visible: root.suffix !== ""
text: root.suffix
color: Colours.palette.m3outline
font.pointSize: Tokens.font.size.normal
font: Tokens.font.body.medium
}
}

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

@ -195,7 +195,7 @@ GridView {
visible: isCurrent
text: "check_circle"
color: Colours.palette.m3primary
font.pointSize: Tokens.font.size.large
font: Tokens.font.icon.large
}
}
@ -210,8 +210,7 @@ GridView {
anchors.bottomMargin: Tokens.padding.medium
text: modelData.name
font.pointSize: Tokens.font.size.smaller
font.weight: 500
font: Tokens.font.body.builders.small.weight(500).build()
color: isCurrent ? Colours.palette.m3primary : Colours.palette.m3onSurface
elide: Text.ElideMiddle
maximumLineCount: 1