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

feat: use M3 spacing tokens

Browse source
This commit is contained in:
2 * r + 2 * t 2026-04-20 19:57:20 +10:00
parent 0d0dcaf115
commit 52272c062d
111 changed files with 381 additions and 360 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/ConnectionHeader.qml
View file

@ -9,7 +9,7 @@ ColumnLayout {
required property string icon required property string icon
required property string title required property string title
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
MaterialIcon { MaterialIcon {

6
components/ConnectionInfoSection.qml
View file

@ -22,7 +22,7 @@ ColumnLayout {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
text: qsTr("Subnet Mask") text: qsTr("Subnet Mask")
} }
@ -33,7 +33,7 @@ ColumnLayout {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
text: qsTr("Gateway") text: qsTr("Gateway")
} }
@ -44,7 +44,7 @@ ColumnLayout {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
text: qsTr("DNS Servers") text: qsTr("DNS Servers")
} }

2
components/PropertyRow.qml
View file

@ -14,7 +14,7 @@ ColumnLayout {
spacing: Tokens.spacing.small / 2 spacing: Tokens.spacing.small / 2
StyledText { StyledText {
Layout.topMargin: root.showTopMargin ? Tokens.spacing.normal : 0 Layout.topMargin: root.showTopMargin ? Tokens.spacing.medium : 0
text: root.label text: root.label
} }

2
components/SectionContainer.qml
View file

@ -8,7 +8,7 @@ StyledRect {
id: root id: root
default property alias content: contentColumn.data default property alias content: contentColumn.data
property real contentSpacing: Tokens.spacing.larger property real contentSpacing: Tokens.spacing.large
property bool alignTop: false property bool alignTop: false
Layout.fillWidth: true Layout.fillWidth: true

2
components/SectionHeader.qml
View file

@ -13,7 +13,7 @@ ColumnLayout {
spacing: 0 spacing: 0
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
text: root.title text: root.title
font.pointSize: Tokens.font.size.larger font.pointSize: Tokens.font.size.larger
font.weight: 500 font.weight: 500

4
components/controls/CollapsibleSection.qml
View file

@ -34,7 +34,7 @@ ColumnLayout {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: Tokens.padding.medium anchors.leftMargin: Tokens.padding.medium
anchors.rightMargin: Tokens.padding.medium anchors.rightMargin: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
text: root.title text: root.title
@ -117,7 +117,7 @@ ColumnLayout {
id: descriptionText id: descriptionText
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: root.description !== "" ? Tokens.spacing.smaller : 0 Layout.topMargin: root.description !== "" ? Tokens.spacing.medium : 0
Layout.bottomMargin: root.description !== "" ? Tokens.spacing.small : 0 Layout.bottomMargin: root.description !== "" ? Tokens.spacing.small : 0
visible: root.description !== "" visible: root.description !== ""
text: root.description text: root.description

2
components/controls/SpinBoxRow.qml
View file

@ -30,7 +30,7 @@ StyledRect {
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true

2
components/controls/SplitButtonRow.qml
View file

@ -33,7 +33,7 @@ StyledRect {
anchors.fill: parent anchors.fill: parent
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true

2
components/controls/StyledRadioButton.qml
View file

@ -49,6 +49,6 @@ RadioButton {
font.pointSize: root.font.pointSize font.pointSize: root.font.pointSize
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: outerCircle.right anchors.left: outerCircle.right
anchors.leftMargin: Tokens.spacing.smaller anchors.leftMargin: Tokens.spacing.medium
} }
} }

2
components/controls/SwitchRow.qml
View file

@ -28,7 +28,7 @@ StyledRect {
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true

2
components/controls/ToggleButton.qml
View file

@ -52,7 +52,7 @@ StyledRect {
id: toggleBtnInner id: toggleBtnInner
anchors.centerIn: parent anchors.centerIn: parent
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
MaterialIcon { MaterialIcon {
id: toggleBtnIcon id: toggleBtnIcon

2
components/controls/ToggleRow.qml
View file

@ -12,7 +12,7 @@ RowLayout {
property alias toggle: toggle property alias toggle: toggle
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true

2
components/filedialog/DialogButtons.qml
View file

@ -28,7 +28,7 @@ StyledRect {
StyledRect { StyledRect {
Layout.fillWidth: true Layout.fillWidth: true
Layout.fillHeight: true Layout.fillHeight: true
Layout.rightMargin: Tokens.spacing.normal Layout.rightMargin: Tokens.spacing.medium
color: Colours.tPalette.m3surfaceContainerHigh color: Colours.tPalette.m3surfaceContainerHigh
radius: Tokens.rounding.medium radius: Tokens.rounding.medium

4
components/filedialog/Sidebar.qml
View file

@ -29,7 +29,7 @@ StyledRect {
StyledText { StyledText {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
Layout.topMargin: Tokens.padding.extraSmall / 2 Layout.topMargin: Tokens.padding.extraSmall / 2
Layout.bottomMargin: Tokens.spacing.normal Layout.bottomMargin: Tokens.spacing.medium
text: qsTr("Files") text: qsTr("Files")
color: Colours.palette.m3onSurface color: Colours.palette.m3onSurface
font.pointSize: Tokens.font.size.larger font.pointSize: Tokens.font.size.larger
@ -69,7 +69,7 @@ StyledRect {
anchors.leftMargin: Tokens.padding.large anchors.leftMargin: Tokens.padding.large
anchors.rightMargin: Tokens.padding.large anchors.rightMargin: Tokens.padding.large
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
MaterialIcon { MaterialIcon {
text: { text: {

6
modules/background/DesktopClock.qml
View file

@ -74,7 +74,7 @@ Item {
id: layout id: layout
anchors.centerIn: parent anchors.centerIn: parent
spacing: Tokens.spacing.larger * root.clockScale spacing: Tokens.spacing.large * root.clockScale
RowLayout { RowLayout {
spacing: Tokens.spacing.small spacing: Tokens.spacing.small
@ -120,8 +120,8 @@ Item {
StyledRect { StyledRect {
Layout.fillHeight: true Layout.fillHeight: true
Layout.preferredWidth: 4 * root.clockScale Layout.preferredWidth: 4 * root.clockScale
Layout.topMargin: Tokens.spacing.larger * root.clockScale Layout.topMargin: Tokens.spacing.large * root.clockScale
Layout.bottomMargin: Tokens.spacing.larger * root.clockScale Layout.bottomMargin: Tokens.spacing.large * root.clockScale
radius: Tokens.rounding.full radius: Tokens.rounding.full
color: root.safePrimary color: root.safePrimary
opacity: 0.8 opacity: 0.8

2
modules/background/Wallpaper.qml
View file

@ -43,7 +43,7 @@ Item {
Row { Row {
anchors.centerIn: parent anchors.centerIn: parent
spacing: Tokens.spacing.large spacing: Tokens.spacing.largeIncreased
MaterialIcon { MaterialIcon {
text: "sentiment_stressed" text: "sentiment_stressed"

2
modules/bar/Bar.qml
View file

@ -102,7 +102,7 @@ ColumnLayout {
} }
} }
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
Repeater { Repeater {
id: repeater id: repeater

4
modules/bar/components/StatusIcons.qml
View file

@ -31,7 +31,7 @@ StyledRect {
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.bottomMargin: Tokens.padding.medium anchors.bottomMargin: Tokens.padding.medium
spacing: Tokens.spacing.smaller / 2 spacing: Tokens.spacing.medium / 2
// Lock keys status // Lock keys status
WrappedLoader { WrappedLoader {
@ -172,7 +172,7 @@ StyledRect {
active: Config.bar.status.showBluetooth active: Config.bar.status.showBluetooth
sourceComponent: ColumnLayout { sourceComponent: ColumnLayout {
spacing: Tokens.spacing.smaller / 2 spacing: Tokens.spacing.medium / 2
// Bluetooth icon // Bluetooth icon
MaterialIcon { MaterialIcon {

2
modules/bar/components/workspaces/SpecialWorkspaces.qml
View file

@ -88,7 +88,7 @@ Item {
id: view id: view
anchors.fill: parent anchors.fill: parent
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
interactive: false interactive: false
currentIndex: model.values.findIndex(w => w.name === root.activeSpecial) currentIndex: model.values.findIndex(w => w.name === root.activeSpecial)

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

@ -19,14 +19,14 @@ Item {
id: child id: child
anchors.centerIn: parent anchors.centerIn: parent
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
RowLayout { RowLayout {
id: detailsRow id: detailsRow
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
IconImage { IconImage {
id: icon id: icon

8
modules/bar/popouts/Audio.qml
View file

@ -30,7 +30,7 @@ Item {
anchors.left: parent.left anchors.left: parent.left
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
text: qsTr("Output device") text: qsTr("Output device")
@ -53,7 +53,7 @@ Item {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.smaller Layout.topMargin: Tokens.spacing.medium
text: qsTr("Input device") text: qsTr("Input device")
font.weight: 500 font.weight: 500
} }
@ -72,7 +72,7 @@ Item {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.smaller Layout.topMargin: Tokens.spacing.medium
Layout.bottomMargin: -Tokens.spacing.small / 2 Layout.bottomMargin: -Tokens.spacing.small / 2
text: qsTr("Volume (%1)").arg(Audio.muted ? qsTr("Muted") : `${Math.round(Audio.volume * 100)}%`) text: qsTr("Volume (%1)").arg(Audio.muted ? qsTr("Muted") : `${Math.round(Audio.volume * 100)}%`)
font.weight: 500 font.weight: 500
@ -105,7 +105,7 @@ Item {
IconTextButton { IconTextButton {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
inactiveColour: Colours.palette.m3primaryContainer inactiveColour: Colours.palette.m3primaryContainer
inactiveOnColour: Colours.palette.m3onPrimaryContainer inactiveOnColour: Colours.palette.m3onPrimaryContainer
verticalPadding: Tokens.padding.extraSmall verticalPadding: Tokens.padding.extraSmall

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

@ -9,7 +9,7 @@ import qs.services
Column { Column {
id: root id: root
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
width: Tokens.sizes.bar.batteryWidth width: Tokens.sizes.bar.batteryWidth
StyledText { StyledText {
@ -109,7 +109,7 @@ Column {
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
implicitWidth: saver.implicitHeight + balance.implicitHeight + perf.implicitHeight + Tokens.padding.medium * 2 + Tokens.spacing.large * 2 implicitWidth: saver.implicitHeight + balance.implicitHeight + perf.implicitHeight + Tokens.padding.medium * 2 + Tokens.spacing.largeIncreased * 2
implicitHeight: Math.max(saver.implicitHeight, balance.implicitHeight, perf.implicitHeight) + Tokens.padding.small implicitHeight: Math.max(saver.implicitHeight, balance.implicitHeight, perf.implicitHeight) + Tokens.padding.small
color: Colours.tPalette.m3surfaceContainer color: Colours.tPalette.m3surfaceContainer

4
modules/bar/popouts/Bluetooth.qml
View file

@ -169,7 +169,7 @@ ColumnLayout {
IconTextButton { IconTextButton {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
inactiveColour: Colours.palette.m3primaryContainer inactiveColour: Colours.palette.m3primaryContainer
inactiveOnColour: Colours.palette.m3onPrimaryContainer inactiveOnColour: Colours.palette.m3onPrimaryContainer
verticalPadding: Tokens.padding.extraSmall verticalPadding: Tokens.padding.extraSmall
@ -186,7 +186,7 @@ ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.rightMargin: Tokens.padding.extraSmall Layout.rightMargin: Tokens.padding.extraSmall
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true

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

@ -372,7 +372,7 @@ ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.rightMargin: Tokens.padding.extraSmall Layout.rightMargin: Tokens.padding.extraSmall
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true

4
modules/bar/popouts/TrayMenu.qml
View file

@ -138,7 +138,7 @@ StackView {
id: label id: label
anchors.left: icon.right anchors.left: icon.right
anchors.leftMargin: icon.active ? Tokens.spacing.smaller : 0 anchors.leftMargin: icon.active ? Tokens.spacing.medium : 0
text: labelMetrics.elidedText text: labelMetrics.elidedText
color: item.modelData.enabled ? Colours.palette.m3onSurface : Colours.palette.m3outline color: item.modelData.enabled ? Colours.palette.m3onSurface : Colours.palette.m3outline
@ -152,7 +152,7 @@ StackView {
font.family: label.font.family font.family: label.font.family
elide: Text.ElideRight elide: Text.ElideRight
elideWidth: root.Tokens.sizes.bar.trayMenuWidth - (icon.active ? icon.implicitWidth + label.anchors.leftMargin : 0) - (expand.active ? expand.implicitWidth + root.Tokens.spacing.normal : 0) elideWidth: root.Tokens.sizes.bar.trayMenuWidth - (icon.active ? icon.implicitWidth + label.anchors.leftMargin : 0) - (expand.active ? expand.implicitWidth + root.Tokens.spacing.medium : 0)
} }
Loader { Loader {

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

@ -69,7 +69,7 @@ ColumnLayout {
} }
} }
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
implicitWidth: 400 implicitWidth: 400
implicitHeight: content.implicitHeight + Tokens.padding.extraLargeIncreased implicitHeight: content.implicitHeight + Tokens.padding.extraLargeIncreased
visible: shouldBeVisible || isClosing visible: shouldBeVisible || isClosing
@ -172,7 +172,7 @@ ColumnLayout {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
MaterialIcon { MaterialIcon {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
@ -261,7 +261,7 @@ ColumnLayout {
property string passwordBuffer: "" property string passwordBuffer: ""
objectName: "passwordContainer" objectName: "passwordContainer"
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
Layout.fillWidth: true Layout.fillWidth: true
implicitHeight: Math.max(48, charList.implicitHeight + Tokens.padding.medium * 2) implicitHeight: Math.max(48, charList.implicitHeight + Tokens.padding.medium * 2)
focus: true focus: true
@ -463,9 +463,9 @@ ColumnLayout {
} }
RowLayout { RowLayout {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
TextButton { TextButton {
id: cancelButton id: cancelButton

10
modules/controlcenter/NavRail.qml
View file

@ -24,7 +24,7 @@ Item {
anchors.left: parent.left anchors.left: parent.left
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: Tokens.padding.medium * 2 anchors.leftMargin: Tokens.padding.medium * 2
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
states: State { states: State {
name: "expanded" name: "expanded"
@ -42,7 +42,7 @@ Item {
} }
Loader { Loader {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
asynchronous: true asynchronous: true
active: !root.session.floating active: !root.session.floating
visible: active visible: active
@ -88,7 +88,7 @@ Item {
anchors.left: normalWinIcon.right anchors.left: normalWinIcon.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: Tokens.spacing.normal anchors.leftMargin: Tokens.spacing.medium
text: qsTr("Float window") text: qsTr("Float window")
color: Colours.palette.m3onPrimaryContainer color: Colours.palette.m3onPrimaryContainer
@ -121,7 +121,7 @@ Item {
NavItem { NavItem {
required property int index required property int index
Layout.topMargin: index === 0 ? Tokens.spacing.large * 2 : 0 Layout.topMargin: index === 0 ? Tokens.spacing.largeIncreased * 2 : 0
icon: PaneRegistry.getByIndex(index).icon icon: PaneRegistry.getByIndex(index).icon
label: PaneRegistry.getByIndex(index).label label: PaneRegistry.getByIndex(index).label
} }
@ -206,7 +206,7 @@ Item {
anchors.left: icon.right anchors.left: icon.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: Tokens.spacing.normal anchors.leftMargin: Tokens.spacing.medium
opacity: 0 opacity: 0
text: item.label text: item.label

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

@ -109,7 +109,7 @@ Item {
StyledText { StyledText {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
Layout.bottomMargin: Tokens.spacing.normal Layout.bottomMargin: Tokens.spacing.medium
text: qsTr("Wallpaper") text: qsTr("Wallpaper")
font.pointSize: Tokens.font.size.extraLarge font.pointSize: Tokens.font.size.extraLarge
font.weight: 600 font.weight: 600
@ -173,7 +173,7 @@ Item {
spacing: Tokens.spacing.small spacing: Tokens.spacing.small
RowLayout { RowLayout {
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
StyledText { StyledText {
text: qsTr("Appearance") text: qsTr("Appearance")

2
modules/controlcenter/appearance/sections/AnimationsSection.qml
View file

@ -19,7 +19,7 @@ CollapsibleSection {
showBackground: true showBackground: true
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
SliderInput { SliderInput {
Layout.fillWidth: true Layout.fillWidth: true

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

@ -37,7 +37,7 @@ CollapsibleSection {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
text: qsTr("Desktop Clock") text: qsTr("Desktop Clock")
font.pointSize: Tokens.font.size.larger font.pointSize: Tokens.font.size.larger
font.weight: 500 font.weight: 500
@ -174,7 +174,7 @@ CollapsibleSection {
} }
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
SliderInput { SliderInput {
Layout.fillWidth: true Layout.fillWidth: true
@ -199,7 +199,7 @@ CollapsibleSection {
} }
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
SliderInput { SliderInput {
Layout.fillWidth: true Layout.fillWidth: true
@ -252,7 +252,7 @@ CollapsibleSection {
} }
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
SliderInput { SliderInput {
Layout.fillWidth: true Layout.fillWidth: true
@ -278,7 +278,7 @@ CollapsibleSection {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
text: qsTr("Visualiser") text: qsTr("Visualiser")
font.pointSize: Tokens.font.size.larger font.pointSize: Tokens.font.size.larger
font.weight: 500 font.weight: 500
@ -303,7 +303,7 @@ CollapsibleSection {
} }
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
SliderInput { SliderInput {
Layout.fillWidth: true Layout.fillWidth: true
@ -328,7 +328,7 @@ CollapsibleSection {
} }
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
SliderInput { SliderInput {
Layout.fillWidth: true Layout.fillWidth: true

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

@ -19,7 +19,7 @@ CollapsibleSection {
showBackground: true showBackground: true
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
SliderInput { SliderInput {
Layout.fillWidth: true Layout.fillWidth: true
@ -43,7 +43,7 @@ CollapsibleSection {
} }
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
SliderInput { SliderInput {
Layout.fillWidth: true Layout.fillWidth: true

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

@ -67,7 +67,7 @@ CollapsibleSection {
anchors.fill: parent anchors.fill: parent
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledRect { StyledRect {
id: preview id: preview

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

@ -64,7 +64,7 @@ CollapsibleSection {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
MaterialIcon { MaterialIcon {
text: modelData.icon text: modelData.icon

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

@ -72,7 +72,7 @@ CollapsibleSection {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
text: modelData text: modelData
@ -153,7 +153,7 @@ CollapsibleSection {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
text: modelData text: modelData
@ -236,7 +236,7 @@ CollapsibleSection {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
text: modelData text: modelData
@ -264,7 +264,7 @@ CollapsibleSection {
} }
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
SliderInput { SliderInput {
Layout.fillWidth: true Layout.fillWidth: true

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

@ -19,7 +19,7 @@ CollapsibleSection {
showBackground: true showBackground: true
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
SliderInput { SliderInput {
Layout.fillWidth: true Layout.fillWidth: true
@ -43,7 +43,7 @@ CollapsibleSection {
} }
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
SliderInput { SliderInput {
Layout.fillWidth: true Layout.fillWidth: true
@ -67,7 +67,7 @@ CollapsibleSection {
} }
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
SliderInput { SliderInput {
Layout.fillWidth: true Layout.fillWidth: true

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

@ -28,7 +28,7 @@ CollapsibleSection {
} }
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
SliderInput { SliderInput {
Layout.fillWidth: true Layout.fillWidth: true
@ -53,7 +53,7 @@ CollapsibleSection {
} }
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
SliderInput { SliderInput {
Layout.fillWidth: true Layout.fillWidth: true

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

@ -38,11 +38,11 @@ Item {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
StyledText { StyledText {
text: qsTr("Audio") text: qsTr("Audio")
@ -110,7 +110,7 @@ Item {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
MaterialIcon { MaterialIcon {
text: Audio.sink?.id === modelData.id ? "speaker" : "speaker_group" text: Audio.sink?.id === modelData.id ? "speaker" : "speaker_group"
@ -187,7 +187,7 @@ Item {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
MaterialIcon { MaterialIcon {
text: "mic" text: "mic"
@ -229,7 +229,7 @@ Item {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
anchors.top: parent.top anchors.top: parent.top
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SettingsHeader { SettingsHeader {
icon: "volume_up" icon: "volume_up"
@ -242,7 +242,7 @@ Item {
} }
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
@ -250,7 +250,7 @@ Item {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
text: qsTr("Volume") text: qsTr("Volume")
@ -360,7 +360,7 @@ Item {
} }
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
@ -368,7 +368,7 @@ Item {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
text: qsTr("Volume") text: qsTr("Volume")
@ -478,7 +478,7 @@ Item {
} }
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
@ -493,11 +493,11 @@ Item {
required property int index required property int index
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
MaterialIcon { MaterialIcon {
text: "apps" text: "apps"

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

@ -54,10 +54,10 @@ StyledFlickable {
sections: [ sections: [
Component { Component {
ColumnLayout { ColumnLayout {
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
text: qsTr("Connection status") text: qsTr("Connection status")
font.pointSize: Tokens.font.size.larger font.pointSize: Tokens.font.size.larger
font.weight: 500 font.weight: 500
@ -83,7 +83,7 @@ StyledFlickable {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.larger spacing: Tokens.spacing.large
Toggle { Toggle {
label: qsTr("Connected") label: qsTr("Connected")
@ -113,10 +113,10 @@ StyledFlickable {
}, },
Component { Component {
ColumnLayout { ColumnLayout {
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
text: qsTr("Device properties") text: qsTr("Device properties")
font.pointSize: Tokens.font.size.larger font.pointSize: Tokens.font.size.larger
font.weight: 500 font.weight: 500
@ -142,7 +142,7 @@ StyledFlickable {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.larger spacing: Tokens.spacing.large
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
@ -319,10 +319,10 @@ StyledFlickable {
}, },
Component { Component {
ColumnLayout { ColumnLayout {
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
text: qsTr("Device information") text: qsTr("Device information")
font.pointSize: Tokens.font.size.larger font.pointSize: Tokens.font.size.larger
font.weight: 500 font.weight: 500
@ -382,7 +382,7 @@ StyledFlickable {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
text: qsTr("Dbus path") text: qsTr("Dbus path")
} }
@ -393,7 +393,7 @@ StyledFlickable {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
text: qsTr("MAC address") text: qsTr("MAC address")
} }
@ -404,7 +404,7 @@ StyledFlickable {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
text: qsTr("Bonded") text: qsTr("Bonded")
} }
@ -415,7 +415,7 @@ StyledFlickable {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
text: qsTr("System name") text: qsTr("System name")
} }
@ -544,7 +544,7 @@ StyledFlickable {
id: fabMenuItemInner id: fabMenuItemInner
anchors.centerIn: parent anchors.centerIn: parent
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
opacity: 0 opacity: 0
MaterialIcon { MaterialIcon {
@ -650,7 +650,7 @@ StyledFlickable {
property alias toggle: toggle property alias toggle: toggle
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true

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

@ -32,7 +32,7 @@ DeviceList {
headerComponent: Component { headerComponent: Component {
RowLayout { RowLayout {
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
StyledText { StyledText {
text: qsTr("Bluetooth") text: qsTr("Bluetooth")
@ -157,7 +157,7 @@ DeviceList {
anchors.fill: parent anchors.fill: parent
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledRect { StyledRect {
implicitWidth: implicitHeight implicitWidth: implicitHeight

26
modules/controlcenter/bluetooth/Settings.qml
View file

@ -16,7 +16,7 @@ ColumnLayout {
required property Session session required property Session session
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SettingsHeader { SettingsHeader {
icon: "bluetooth" icon: "bluetooth"
@ -24,7 +24,7 @@ ColumnLayout {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
text: qsTr("Adapter status") text: qsTr("Adapter status")
font.pointSize: Tokens.font.size.larger font.pointSize: Tokens.font.size.larger
font.weight: 500 font.weight: 500
@ -50,7 +50,7 @@ ColumnLayout {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.larger spacing: Tokens.spacing.large
Toggle { Toggle {
label: qsTr("Powered") label: qsTr("Powered")
@ -85,7 +85,7 @@ ColumnLayout {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
text: qsTr("Adapter properties") text: qsTr("Adapter properties")
font.pointSize: Tokens.font.size.larger font.pointSize: Tokens.font.size.larger
font.weight: 500 font.weight: 500
@ -111,11 +111,11 @@ ColumnLayout {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.larger spacing: Tokens.spacing.large
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true
@ -145,7 +145,7 @@ ColumnLayout {
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
anchors.topMargin: Tokens.padding.small anchors.topMargin: Tokens.padding.small
anchors.bottomMargin: Tokens.padding.small anchors.bottomMargin: Tokens.padding.small
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.leftMargin: Tokens.padding.extraSmall Layout.leftMargin: Tokens.padding.extraSmall
@ -224,7 +224,7 @@ ColumnLayout {
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true
@ -264,7 +264,7 @@ ColumnLayout {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true
@ -442,7 +442,7 @@ ColumnLayout {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
text: qsTr("Adapter information") text: qsTr("Adapter information")
font.pointSize: Tokens.font.size.larger font.pointSize: Tokens.font.size.larger
font.weight: 500 font.weight: 500
@ -481,7 +481,7 @@ ColumnLayout {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
text: qsTr("Dbus path") text: qsTr("Dbus path")
} }
@ -492,7 +492,7 @@ ColumnLayout {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
text: qsTr("Adapter id") text: qsTr("Adapter id")
} }
@ -510,7 +510,7 @@ ColumnLayout {
property alias toggle: toggle property alias toggle: toggle
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true

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

@ -30,7 +30,7 @@ StyledRect {
anchors.fill: parent anchors.fill: parent
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
visible: root.title !== "" visible: root.title !== ""

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

@ -30,7 +30,7 @@ Item {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
anchors.top: parent.top anchors.top: parent.top
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
Loader { Loader {
id: headerLoader id: headerLoader

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

@ -21,7 +21,7 @@ ColumnLayout {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
visible: root.label !== "" visible: root.label !== ""

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

@ -18,7 +18,7 @@ Item {
id: column id: column
anchors.centerIn: parent anchors.centerIn: parent
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
MaterialIcon { MaterialIcon {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter

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

@ -71,7 +71,7 @@ ColumnLayout {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
visible: root.label !== "" visible: root.label !== ""

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

@ -15,11 +15,11 @@ GridView {
required property Session session required property Session session
readonly property int minCellWidth: 200 + Tokens.spacing.normal readonly property int minCellWidth: 200 + Tokens.spacing.medium
readonly property int columnsCount: Math.max(1, Math.floor(width / minCellWidth)) readonly property int columnsCount: Math.max(1, Math.floor(width / minCellWidth))
cellWidth: width / columnsCount cellWidth: width / columnsCount
cellHeight: 140 + Tokens.spacing.normal cellHeight: 140 + Tokens.spacing.medium
model: Wallpapers.list model: Wallpapers.list
@ -33,7 +33,7 @@ GridView {
required property var modelData required property var modelData
required property int index required property int index
readonly property bool isCurrent: modelData && modelData.path === Wallpapers.actualCurrent readonly property bool isCurrent: modelData && modelData.path === Wallpapers.actualCurrent
readonly property real itemMargin: Tokens.spacing.normal / 2 readonly property real itemMargin: Tokens.spacing.medium / 2
readonly property real itemRadius: Tokens.rounding.large readonly property real itemRadius: Tokens.rounding.large
width: root.cellWidth width: root.cellWidth
@ -205,8 +205,8 @@ GridView {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.leftMargin: Tokens.padding.medium + Tokens.spacing.normal / 2 anchors.leftMargin: Tokens.padding.medium + Tokens.spacing.medium / 2
anchors.rightMargin: Tokens.padding.medium + Tokens.spacing.normal / 2 anchors.rightMargin: Tokens.padding.medium + Tokens.spacing.medium / 2
anchors.bottomMargin: Tokens.padding.medium anchors.bottomMargin: Tokens.padding.medium
text: modelData.name text: modelData.name

4
modules/controlcenter/dashboard/DashboardPane.qml
View file

@ -112,10 +112,10 @@ Item {
anchors.right: parent.right anchors.right: parent.right
anchors.top: parent.top anchors.top: parent.top
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
RowLayout { RowLayout {
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
StyledText { StyledText {
text: qsTr("Dashboard") text: qsTr("Dashboard")

2
modules/controlcenter/dashboard/GeneralSection.qml
View file

@ -40,7 +40,7 @@ SectionContainer {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SwitchRow { SwitchRow {
Layout.fillWidth: true Layout.fillWidth: true

22
modules/controlcenter/launcher/LauncherPane.qml
View file

@ -152,7 +152,7 @@ Item {
spacing: Tokens.spacing.small spacing: Tokens.spacing.small
RowLayout { RowLayout {
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
StyledText { StyledText {
text: qsTr("Launcher") text: qsTr("Launcher")
@ -186,7 +186,7 @@ Item {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
text: qsTr("Applications (%1)").arg(root.searchText ? root.filteredApps.length : allAppsDb.apps.length) text: qsTr("Applications (%1)").arg(root.searchText ? root.filteredApps.length : allAppsDb.apps.length)
font.pointSize: Tokens.font.size.normal font.pointSize: Tokens.font.size.normal
font.weight: 500 font.weight: 500
@ -199,7 +199,7 @@ Item {
StyledRect { StyledRect {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
Layout.bottomMargin: Tokens.spacing.small Layout.bottomMargin: Tokens.spacing.small
color: Colours.layer(Colours.palette.m3surfaceContainer, 2) color: Colours.layer(Colours.palette.m3surfaceContainer, 2)
@ -339,7 +339,7 @@ Item {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
IconImage { IconImage {
asynchronous: true asynchronous: true
@ -517,7 +517,7 @@ Item {
readonly property var displayedApp: parent && parent.displayedApp !== undefined ? parent.displayedApp : null readonly property var displayedApp: parent && parent.displayedApp !== undefined ? parent.displayedApp : null
anchors.fill: parent anchors.fill: parent
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SettingsHeader { SettingsHeader {
Layout.leftMargin: Tokens.padding.extraLargeIncreased Layout.leftMargin: Tokens.padding.extraLargeIncreased
@ -535,11 +535,11 @@ Item {
Layout.topMargin: Tokens.padding.extraLargeIncreased Layout.topMargin: Tokens.padding.extraLargeIncreased
visible: displayedApp !== null visible: displayedApp !== null
implicitWidth: Math.max(appIconImage.implicitWidth, appTitleText.implicitWidth) implicitWidth: Math.max(appIconImage.implicitWidth, appTitleText.implicitWidth)
implicitHeight: appIconImage.implicitHeight + Tokens.spacing.normal + appTitleText.implicitHeight implicitHeight: appIconImage.implicitHeight + Tokens.spacing.medium + appTitleText.implicitHeight
ColumnLayout { ColumnLayout {
anchors.centerIn: parent anchors.centerIn: parent
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
IconImage { IconImage {
id: appIconImage id: appIconImage
@ -573,7 +573,7 @@ Item {
Item { Item {
Layout.fillWidth: true Layout.fillWidth: true
Layout.fillHeight: true Layout.fillHeight: true
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
Layout.leftMargin: Tokens.padding.extraLargeIncreased Layout.leftMargin: Tokens.padding.extraLargeIncreased
Layout.rightMargin: Tokens.padding.extraLargeIncreased Layout.rightMargin: Tokens.padding.extraLargeIncreased
@ -594,10 +594,10 @@ Item {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
anchors.top: parent.top anchors.top: parent.top
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SwitchRow { SwitchRow {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
visible: appDetailsLayout.displayedApp !== null visible: appDetailsLayout.displayedApp !== null
label: qsTr("Mark as favourite") label: qsTr("Mark as favourite")
checked: root.favouriteChecked checked: root.favouriteChecked
@ -629,7 +629,7 @@ Item {
} }
} }
SwitchRow { SwitchRow {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
visible: appDetailsLayout.displayedApp !== null visible: appDetailsLayout.displayedApp !== null
label: qsTr("Hide from launcher") label: qsTr("Hide from launcher")
checked: root.hideFromLauncherChecked checked: root.hideFromLauncherChecked

14
modules/controlcenter/launcher/Settings.qml
View file

@ -15,7 +15,7 @@ ColumnLayout {
required property Session session required property Session session
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SettingsHeader { SettingsHeader {
icon: "apps" icon: "apps"
@ -23,7 +23,7 @@ ColumnLayout {
} }
SectionHeader { SectionHeader {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
title: qsTr("General") title: qsTr("General")
description: qsTr("General launcher settings") description: qsTr("General launcher settings")
} }
@ -63,7 +63,7 @@ ColumnLayout {
} }
SectionHeader { SectionHeader {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
title: qsTr("Display") title: qsTr("Display")
description: qsTr("Display and appearance settings") description: qsTr("Display and appearance settings")
} }
@ -90,7 +90,7 @@ ColumnLayout {
} }
SectionHeader { SectionHeader {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
title: qsTr("Prefixes") title: qsTr("Prefixes")
description: qsTr("Command prefix settings") description: qsTr("Command prefix settings")
} }
@ -111,7 +111,7 @@ ColumnLayout {
} }
SectionHeader { SectionHeader {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
title: qsTr("Fuzzy search") title: qsTr("Fuzzy search")
description: qsTr("Fuzzy search settings") description: qsTr("Fuzzy search settings")
} }
@ -159,7 +159,7 @@ ColumnLayout {
} }
SectionHeader { SectionHeader {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
title: qsTr("Sizes") title: qsTr("Sizes")
description: qsTr("Size settings for launcher items") description: qsTr("Size settings for launcher items")
} }
@ -192,7 +192,7 @@ ColumnLayout {
} }
SectionHeader { SectionHeader {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
title: qsTr("Hidden apps") title: qsTr("Hidden apps")
description: qsTr("Applications hidden from launcher") description: qsTr("Applications hidden from launcher")
} }

6
modules/controlcenter/network/EthernetDetails.qml
View file

@ -43,7 +43,7 @@ DeviceDetails {
sections: [ sections: [
Component { Component {
ColumnLayout { ColumnLayout {
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SectionHeader { SectionHeader {
title: qsTr("Connection status") title: qsTr("Connection status")
@ -69,7 +69,7 @@ DeviceDetails {
}, },
Component { Component {
ColumnLayout { ColumnLayout {
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SectionHeader { SectionHeader {
title: qsTr("Device properties") title: qsTr("Device properties")
@ -100,7 +100,7 @@ DeviceDetails {
}, },
Component { Component {
ColumnLayout { ColumnLayout {
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SectionHeader { SectionHeader {
title: qsTr("Connection information") title: qsTr("Connection information")

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

@ -23,7 +23,7 @@ DeviceList {
headerComponent: Component { headerComponent: Component {
RowLayout { RowLayout {
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
StyledText { StyledText {
text: qsTr("Settings") text: qsTr("Settings")
@ -81,7 +81,7 @@ DeviceList {
anchors.fill: parent anchors.fill: parent
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledRect { StyledRect {
implicitWidth: implicitHeight implicitWidth: implicitHeight
@ -124,7 +124,7 @@ DeviceList {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true

6
modules/controlcenter/network/EthernetSettings.qml
View file

@ -15,7 +15,7 @@ ColumnLayout {
required property Session session required property Session session
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SettingsHeader { SettingsHeader {
icon: "cable" icon: "cable"
@ -23,7 +23,7 @@ ColumnLayout {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
text: qsTr("Ethernet devices") text: qsTr("Ethernet devices")
font.pointSize: Tokens.font.size.larger font.pointSize: Tokens.font.size.larger
font.weight: 500 font.weight: 500
@ -62,7 +62,7 @@ ColumnLayout {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
text: qsTr("Connected devices") text: qsTr("Connected devices")
} }

12
modules/controlcenter/network/NetworkSettings.qml
View file

@ -17,7 +17,7 @@ ColumnLayout {
required property Session session required property Session session
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SettingsHeader { SettingsHeader {
icon: "router" icon: "router"
@ -25,7 +25,7 @@ ColumnLayout {
} }
SectionHeader { SectionHeader {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
title: qsTr("Ethernet") title: qsTr("Ethernet")
description: qsTr("Ethernet device information") description: qsTr("Ethernet device information")
} }
@ -46,7 +46,7 @@ ColumnLayout {
} }
SectionHeader { SectionHeader {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
title: qsTr("Wireless") title: qsTr("Wireless")
description: qsTr("WiFi network settings") description: qsTr("WiFi network settings")
} }
@ -62,7 +62,7 @@ ColumnLayout {
} }
SectionHeader { SectionHeader {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
title: qsTr("VPN") title: qsTr("VPN")
description: qsTr("VPN provider settings") description: qsTr("VPN provider settings")
visible: GlobalConfig.utilities.vpn.enabled || GlobalConfig.utilities.vpn.provider.length > 0 visible: GlobalConfig.utilities.vpn.enabled || GlobalConfig.utilities.vpn.provider.length > 0
@ -87,7 +87,7 @@ ColumnLayout {
TextButton { TextButton {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
Layout.minimumHeight: Tokens.font.size.normal + Tokens.padding.medium * 2 Layout.minimumHeight: Tokens.font.size.normal + Tokens.padding.medium * 2
text: qsTr("⚙ Manage VPN Providers") text: qsTr("⚙ Manage VPN Providers")
inactiveColour: Colours.palette.m3secondaryContainer inactiveColour: Colours.palette.m3secondaryContainer
@ -100,7 +100,7 @@ ColumnLayout {
} }
SectionHeader { SectionHeader {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
title: qsTr("Current connection") title: qsTr("Current connection")
description: qsTr("Active network connection information") description: qsTr("Active network connection information")
} }

4
modules/controlcenter/network/NetworkingPane.qml
View file

@ -43,11 +43,11 @@ Item {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
StyledText { StyledText {
text: qsTr("Network") text: qsTr("Network")

26
modules/controlcenter/network/VpnDetails.qml
View file

@ -37,7 +37,7 @@ DeviceDetails {
sections: [ sections: [
Component { Component {
ColumnLayout { ColumnLayout {
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SectionHeader { SectionHeader {
title: qsTr("Connection status") title: qsTr("Connection status")
@ -91,8 +91,8 @@ DeviceDetails {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
TextButton { TextButton {
Layout.fillWidth: true Layout.fillWidth: true
@ -147,7 +147,7 @@ DeviceDetails {
TextButton { TextButton {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
visible: root.providerEnabled && VPN.status.state === "needs-auth" && VPN.status.authUrl !== "" visible: root.providerEnabled && VPN.status.state === "needs-auth" && VPN.status.authUrl !== ""
text: qsTr("Open Login Page") text: qsTr("Open Login Page")
inactiveColour: Colours.palette.m3tertiaryContainer inactiveColour: Colours.palette.m3tertiaryContainer
@ -160,7 +160,7 @@ DeviceDetails {
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
visible: root.providerEnabled && VPN.status.state === "needs-auth" && VPN.status.authUrl === "" visible: root.providerEnabled && VPN.status.state === "needs-auth" && VPN.status.authUrl === ""
text: qsTr("Click 'Connect' to generate authentication URL") text: qsTr("Click 'Connect' to generate authentication URL")
font.pointSize: Tokens.font.size.small font.pointSize: Tokens.font.size.small
@ -173,7 +173,7 @@ DeviceDetails {
}, },
Component { Component {
ColumnLayout { ColumnLayout {
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SectionHeader { SectionHeader {
title: qsTr("Provider details") title: qsTr("Provider details")
@ -316,7 +316,7 @@ DeviceDetails {
} }
contentItem: ColumnLayout { contentItem: ColumnLayout {
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
text: qsTr("Edit VPN Provider") text: qsTr("Edit VPN Provider")
@ -326,7 +326,7 @@ DeviceDetails {
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.smaller / 2 spacing: Tokens.spacing.medium / 2
StyledText { StyledText {
text: qsTr("Display Name") text: qsTr("Display Name")
@ -363,7 +363,7 @@ DeviceDetails {
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.smaller / 2 spacing: Tokens.spacing.medium / 2
StyledText { StyledText {
text: qsTr("Interface (e.g., wg0, torguard)") text: qsTr("Interface (e.g., wg0, torguard)")
@ -400,7 +400,7 @@ DeviceDetails {
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.smaller / 2 spacing: Tokens.spacing.medium / 2
visible: editVpnDialog.connectCmd.length > 0 visible: editVpnDialog.connectCmd.length > 0
StyledText { StyledText {
@ -438,7 +438,7 @@ DeviceDetails {
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.smaller / 2 spacing: Tokens.spacing.medium / 2
visible: editVpnDialog.disconnectCmd.length > 0 visible: editVpnDialog.disconnectCmd.length > 0
StyledText { StyledText {
@ -475,9 +475,9 @@ DeviceDetails {
} }
RowLayout { RowLayout {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
TextButton { TextButton {
Layout.fillWidth: true Layout.fillWidth: true

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

@ -18,7 +18,7 @@ ColumnLayout {
property bool showHeader: true property bool showHeader: true
property int pendingSwitchIndex: -1 property int pendingSwitchIndex: -1
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
Connections { Connections {
function onConnectedChanged() { function onConnectedChanged() {
@ -76,7 +76,7 @@ ColumnLayout {
Layout.preferredHeight: contentHeight Layout.preferredHeight: contentHeight
interactive: false interactive: false
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
model: ScriptModel { model: ScriptModel {
values: GlobalConfig.utilities.vpn.provider.map((provider, index) => { values: GlobalConfig.utilities.vpn.provider.map((provider, index) => {
@ -124,7 +124,7 @@ ColumnLayout {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledRect { StyledRect {
implicitWidth: implicitHeight implicitWidth: implicitHeight
@ -159,7 +159,7 @@ ColumnLayout {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true
@ -445,7 +445,7 @@ ColumnLayout {
id: selectionContent id: selectionContent
anchors.fill: parent anchors.fill: parent
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
visible: vpnDialog.currentState === "selection" visible: vpnDialog.currentState === "selection"
opacity: vpnDialog.currentState === "selection" ? 1 : 0 opacity: vpnDialog.currentState === "selection" ? 1 : 0
@ -470,7 +470,7 @@ ColumnLayout {
} }
TextButton { TextButton {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
Layout.fillWidth: true Layout.fillWidth: true
text: qsTr("NetBird") text: qsTr("NetBird")
inactiveColour: Colours.tPalette.m3surfaceContainerHigh inactiveColour: Colours.tPalette.m3surfaceContainerHigh
@ -551,7 +551,7 @@ ColumnLayout {
} }
TextButton { TextButton {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
Layout.fillWidth: true Layout.fillWidth: true
text: qsTr("Cancel") text: qsTr("Cancel")
inactiveColour: Colours.palette.m3secondaryContainer inactiveColour: Colours.palette.m3secondaryContainer
@ -564,7 +564,7 @@ ColumnLayout {
id: formContent id: formContent
anchors.fill: parent anchors.fill: parent
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
visible: vpnDialog.currentState === "form" visible: vpnDialog.currentState === "form"
opacity: vpnDialog.currentState === "form" ? 1 : 0 opacity: vpnDialog.currentState === "form" ? 1 : 0
@ -582,7 +582,7 @@ ColumnLayout {
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.smaller / 2 spacing: Tokens.spacing.medium / 2
StyledText { StyledText {
text: qsTr("Display Name") text: qsTr("Display Name")
@ -619,7 +619,7 @@ ColumnLayout {
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.smaller / 2 spacing: Tokens.spacing.medium / 2
StyledText { StyledText {
text: qsTr("Interface (e.g., wg0, torguard)") text: qsTr("Interface (e.g., wg0, torguard)")
@ -656,7 +656,7 @@ ColumnLayout {
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.smaller / 2 spacing: Tokens.spacing.medium / 2
visible: vpnDialog.editIndex >= 0 ? (vpnDialog.connectCmd.length > 0) : (vpnDialog.providerName === "custom") visible: vpnDialog.editIndex >= 0 ? (vpnDialog.connectCmd.length > 0) : (vpnDialog.providerName === "custom")
StyledText { StyledText {
@ -694,7 +694,7 @@ ColumnLayout {
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.smaller / 2 spacing: Tokens.spacing.medium / 2
visible: vpnDialog.editIndex >= 0 ? (vpnDialog.connectCmd.length > 0) : (vpnDialog.providerName === "custom") visible: vpnDialog.editIndex >= 0 ? (vpnDialog.connectCmd.length > 0) : (vpnDialog.providerName === "custom")
StyledText { StyledText {
@ -731,9 +731,9 @@ ColumnLayout {
} }
RowLayout { RowLayout {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
TextButton { TextButton {
Layout.fillWidth: true Layout.fillWidth: true

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

@ -18,7 +18,7 @@ ColumnLayout {
required property Session session required property Session session
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SettingsHeader { SettingsHeader {
icon: "vpn_key" icon: "vpn_key"
@ -26,7 +26,7 @@ ColumnLayout {
} }
SectionHeader { SectionHeader {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
title: qsTr("General") title: qsTr("General")
description: qsTr("VPN configuration") description: qsTr("VPN configuration")
} }
@ -42,20 +42,20 @@ ColumnLayout {
} }
SectionHeader { SectionHeader {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
title: qsTr("Providers") title: qsTr("Providers")
description: qsTr("Manage VPN providers") description: qsTr("Manage VPN providers")
} }
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
ListView { ListView {
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: contentHeight Layout.preferredHeight: contentHeight
interactive: false interactive: false
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
model: ScriptModel { model: ScriptModel {
values: GlobalConfig.utilities.vpn.provider.map((provider, index) => { values: GlobalConfig.utilities.vpn.provider.map((provider, index) => {
@ -90,7 +90,7 @@ ColumnLayout {
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
MaterialIcon { MaterialIcon {
text: modelData.isActive ? "vpn_key" : "vpn_key_off" text: modelData.isActive ? "vpn_key" : "vpn_key_off"
@ -183,7 +183,7 @@ ColumnLayout {
TextButton { TextButton {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
text: qsTr("+ Add Provider") text: qsTr("+ Add Provider")
inactiveColour: Colours.palette.m3primaryContainer inactiveColour: Colours.palette.m3primaryContainer
inactiveOnColour: Colours.palette.m3onPrimaryContainer inactiveOnColour: Colours.palette.m3onPrimaryContainer
@ -195,13 +195,13 @@ ColumnLayout {
} }
SectionHeader { SectionHeader {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
title: qsTr("Quick Add") title: qsTr("Quick Add")
description: qsTr("Add common VPN providers") description: qsTr("Add common VPN providers")
} }
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.smaller contentSpacing: Tokens.spacing.medium
TextButton { TextButton {
Layout.fillWidth: true Layout.fillWidth: true

8
modules/controlcenter/network/WirelessDetails.qml
View file

@ -64,7 +64,7 @@ DeviceDetails {
sections: [ sections: [
Component { Component {
ColumnLayout { ColumnLayout {
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SectionHeader { SectionHeader {
title: qsTr("Connection status") title: qsTr("Connection status")
@ -86,7 +86,7 @@ DeviceDetails {
TextButton { TextButton {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
Layout.minimumHeight: Tokens.font.size.normal + Tokens.padding.medium * 2 Layout.minimumHeight: Tokens.font.size.normal + Tokens.padding.medium * 2
visible: { visible: {
if (!root.network || !root.network.ssid) { if (!root.network || !root.network.ssid) {
@ -112,7 +112,7 @@ DeviceDetails {
}, },
Component { Component {
ColumnLayout { ColumnLayout {
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SectionHeader { SectionHeader {
title: qsTr("Network properties") title: qsTr("Network properties")
@ -155,7 +155,7 @@ DeviceDetails {
}, },
Component { Component {
ColumnLayout { ColumnLayout {
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SectionHeader { SectionHeader {
title: qsTr("Connection information") title: qsTr("Connection information")

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

@ -48,7 +48,7 @@ DeviceList {
headerComponent: Component { headerComponent: Component {
RowLayout { RowLayout {
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
StyledText { StyledText {
text: qsTr("Settings") text: qsTr("Settings")
@ -132,7 +132,7 @@ DeviceList {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledRect { StyledRect {
implicitWidth: implicitHeight implicitWidth: implicitHeight
@ -167,7 +167,7 @@ DeviceList {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true

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

@ -144,7 +144,7 @@ Item {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
MaterialIcon { MaterialIcon {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
@ -193,7 +193,7 @@ Item {
property string passwordBuffer: "" property string passwordBuffer: ""
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
Layout.fillWidth: true Layout.fillWidth: true
implicitHeight: Math.max(48, charList.implicitHeight + Tokens.padding.medium * 2) implicitHeight: Math.max(48, charList.implicitHeight + Tokens.padding.medium * 2)
focus: true focus: true
@ -390,9 +390,9 @@ Item {
} }
RowLayout { RowLayout {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
TextButton { TextButton {
id: cancelButton id: cancelButton

6
modules/controlcenter/network/WirelessSettings.qml
View file

@ -15,7 +15,7 @@ ColumnLayout {
required property Session session required property Session session
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SettingsHeader { SettingsHeader {
icon: "wifi" icon: "wifi"
@ -23,7 +23,7 @@ ColumnLayout {
} }
SectionHeader { SectionHeader {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
title: qsTr("WiFi status") title: qsTr("WiFi status")
description: qsTr("General WiFi settings") description: qsTr("General WiFi settings")
} }
@ -39,7 +39,7 @@ ColumnLayout {
} }
SectionHeader { SectionHeader {
Layout.topMargin: Tokens.spacing.large Layout.topMargin: Tokens.spacing.largeIncreased
title: qsTr("Network information") title: qsTr("Network information")
description: qsTr("Current network connection") description: qsTr("Current network connection")
} }

10
modules/controlcenter/notifications/NotificationsPane.qml
View file

@ -109,13 +109,13 @@ Item {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
anchors.top: parent.top anchors.top: parent.top
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.maximumWidth: 500 Layout.maximumWidth: 500
Layout.alignment: Qt.AlignTop Layout.alignment: Qt.AlignTop
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SectionContainer { SectionContainer {
Layout.fillWidth: true Layout.fillWidth: true
@ -218,7 +218,7 @@ Item {
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.alignment: Qt.AlignTop Layout.alignment: Qt.AlignTop
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SectionContainer { SectionContainer {
Layout.fillWidth: true Layout.fillWidth: true
@ -314,8 +314,8 @@ Item {
GridLayout { GridLayout {
Layout.fillWidth: true Layout.fillWidth: true
columns: 2 columns: 2
columnSpacing: Tokens.spacing.normal columnSpacing: Tokens.spacing.medium
rowSpacing: Tokens.spacing.normal rowSpacing: Tokens.spacing.medium
SwitchRow { SwitchRow {
Layout.fillWidth: true Layout.fillWidth: true

26
modules/controlcenter/taskbar/TaskbarPane.qml
View file

@ -172,10 +172,10 @@ Item {
anchors.right: parent.right anchors.right: parent.right
anchors.top: parent.top anchors.top: parent.top
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
RowLayout { RowLayout {
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
StyledText { StyledText {
text: qsTr("Taskbar") text: qsTr("Taskbar")
@ -269,14 +269,14 @@ Item {
id: mainRowLayout id: mainRowLayout
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
ColumnLayout { ColumnLayout {
id: leftColumnLayout id: leftColumnLayout
Layout.fillWidth: true Layout.fillWidth: true
Layout.alignment: Qt.AlignTop Layout.alignment: Qt.AlignTop
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SectionContainer { SectionContainer {
Layout.fillWidth: true Layout.fillWidth: true
@ -304,7 +304,7 @@ Item {
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true
@ -340,7 +340,7 @@ Item {
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true
@ -374,7 +374,7 @@ Item {
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true
@ -408,7 +408,7 @@ Item {
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true
@ -442,7 +442,7 @@ Item {
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true
@ -478,7 +478,7 @@ Item {
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true
@ -543,7 +543,7 @@ Item {
Layout.fillWidth: true Layout.fillWidth: true
Layout.alignment: Qt.AlignTop Layout.alignment: Qt.AlignTop
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SectionContainer { SectionContainer {
Layout.fillWidth: true Layout.fillWidth: true
@ -610,7 +610,7 @@ Item {
} }
SectionContainer { SectionContainer {
contentSpacing: Tokens.spacing.normal contentSpacing: Tokens.spacing.medium
SliderInput { SliderInput {
Layout.fillWidth: true Layout.fillWidth: true
@ -669,7 +669,7 @@ Item {
Layout.fillWidth: true Layout.fillWidth: true
Layout.alignment: Qt.AlignTop Layout.alignment: Qt.AlignTop
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
SectionContainer { SectionContainer {
Layout.fillWidth: true Layout.fillWidth: true

4
modules/dashboard/Dash.qml
View file

@ -12,8 +12,8 @@ GridLayout {
required property DashboardState dashState required property DashboardState dashState
required property FileDialog facePicker required property FileDialog facePicker
rowSpacing: Tokens.spacing.normal rowSpacing: Tokens.spacing.medium
columnSpacing: Tokens.spacing.normal columnSpacing: Tokens.spacing.medium
Rect { Rect {
Layout.column: 2 Layout.column: 2

4
modules/dashboard/LyricMenu.qml
View file

@ -30,7 +30,7 @@ StyledRect {
sourceComponent: ColumnLayout { sourceComponent: ColumnLayout {
anchors.fill: parent anchors.fill: parent
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
// Header: icon, backend selector, refresh, toggle // Header: icon, backend selector, refresh, toggle
RowLayout { RowLayout {
@ -41,7 +41,7 @@ StyledRect {
text: "lyrics" text: "lyrics"
fill: 1 fill: 1
color: Colours.palette.m3primary color: Colours.palette.m3primary
font.pointSize: Tokens.spacing.large font.pointSize: Tokens.spacing.largeIncreased
} }
Rectangle { Rectangle {

2
modules/dashboard/LyricsView.qml
View file

@ -46,7 +46,7 @@ StyledListView {
property bool isCurrent: ListView.isCurrentItem property bool isCurrent: ListView.isCurrentItem
width: ListView.view.width width: ListView.view.width
height: hasContent ? (lyricText.contentHeight + Tokens.spacing.large) : 0 height: hasContent ? (lyricText.contentHeight + Tokens.spacing.largeIncreased) : 0
MultiEffect { MultiEffect {
id: effect id: effect

8
modules/dashboard/Media.qml
View file

@ -201,7 +201,7 @@ Item {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: visualiser.right anchors.left: visualiser.right
anchors.leftMargin: Tokens.spacing.normal anchors.leftMargin: Tokens.spacing.medium
spacing: Tokens.spacing.small spacing: Tokens.spacing.small
@ -260,7 +260,7 @@ Item {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
Layout.topMargin: Tokens.spacing.small Layout.topMargin: Tokens.spacing.small
Layout.bottomMargin: Tokens.spacing.smaller Layout.bottomMargin: Tokens.spacing.medium
spacing: Tokens.spacing.small spacing: Tokens.spacing.small
@ -377,7 +377,7 @@ Item {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: playerChanger.parent == leftSection ? -playerChanger.height : 0 anchors.verticalCenterOffset: playerChanger.parent == leftSection ? -playerChanger.height : 0
anchors.left: details.right anchors.left: details.right
anchors.leftMargin: Tokens.spacing.normal anchors.leftMargin: Tokens.spacing.medium
visible: lyricMenu.height === 0 || opacity > 0 visible: lyricMenu.height === 0 || opacity > 0
opacity: lyricMenu.height === 0 ? 1 : 0 opacity: lyricMenu.height === 0 ? 1 : 0
@ -416,7 +416,7 @@ Item {
anchors.top: parent.top anchors.top: parent.top
anchors.left: details.right anchors.left: details.right
anchors.right: parent.right anchors.right: parent.right
anchors.leftMargin: Tokens.spacing.normal anchors.leftMargin: Tokens.spacing.medium
contentHeight: !root.lyricsShowingDebounced ? root.detailsHeightWithoutLyrics + Tokens.padding.large * 5 : root.detailsHeightWithoutLyrics + lyricsViewInDetails.implicitHeight contentHeight: !root.lyricsShowingDebounced ? root.detailsHeightWithoutLyrics + Tokens.padding.large * 5 : root.detailsHeightWithoutLyrics + lyricsViewInDetails.implicitHeight

26
modules/dashboard/Performance.qml
View file

@ -11,7 +11,7 @@ import qs.services
Item { Item {
id: root id: root
readonly property int minWidth: 400 + 400 + Tokens.spacing.normal + 120 + Tokens.padding.extraLargeIncreased readonly property int minWidth: 400 + 400 + Tokens.spacing.medium + 120 + Tokens.padding.extraLargeIncreased
function displayTemp(temp: real): string { function displayTemp(temp: real): string {
return `${Math.ceil(GlobalConfig.services.useFahrenheitPerformance ? temp * 1.8 + 32 : temp)}°${GlobalConfig.services.useFahrenheitPerformance ? "F" : "C"}`; return `${Math.ceil(GlobalConfig.services.useFahrenheitPerformance ? temp * 1.8 + 32 : temp)}°${GlobalConfig.services.useFahrenheitPerformance ? "F" : "C"}`;
@ -32,7 +32,7 @@ Item {
ColumnLayout { ColumnLayout {
anchors.centerIn: parent anchors.centerIn: parent
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
MaterialIcon { MaterialIcon {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
@ -62,7 +62,7 @@ Item {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
visible: !placeholder.visible visible: !placeholder.visible
Ref { Ref {
@ -73,11 +73,11 @@ Item {
id: mainColumn id: mainColumn
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
visible: Config.dashboard.performance.showCpu || (Config.dashboard.performance.showGpu && SystemUsage.gpuType !== "NONE") visible: Config.dashboard.performance.showCpu || (Config.dashboard.performance.showGpu && SystemUsage.gpuType !== "NONE")
HeroCard { HeroCard {
@ -115,7 +115,7 @@ Item {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
visible: Config.dashboard.performance.showMemory || Config.dashboard.performance.showStorage || Config.dashboard.performance.showNetwork visible: Config.dashboard.performance.showMemory || Config.dashboard.performance.showStorage || Config.dashboard.performance.showNetwork
GaugeCard { GaugeCard {
@ -288,7 +288,7 @@ Item {
text: parent.icon text: parent.icon
fill: 1 fill: 1
color: parent.accentColor color: parent.accentColor
font.pointSize: Tokens.spacing.large font.pointSize: Tokens.spacing.largeIncreased
} }
StyledText { StyledText {
@ -368,7 +368,7 @@ Item {
anchors.leftMargin: Tokens.padding.large anchors.leftMargin: Tokens.padding.large
anchors.topMargin: Math.round(Tokens.padding.large * 1.2) anchors.topMargin: Math.round(Tokens.padding.large * 1.2)
width: parent.width - anchors.leftMargin - usageColumn.anchors.rightMargin - usageLabel.width - Tokens.spacing.normal width: parent.width - anchors.leftMargin - usageColumn.anchors.rightMargin - usageLabel.width - Tokens.spacing.medium
icon: heroCard.icon icon: heroCard.icon
title: heroCard.title title: heroCard.title
accentColor: heroCard.accentColor accentColor: heroCard.accentColor
@ -470,7 +470,7 @@ Item {
ColumnLayout { ColumnLayout {
anchors.fill: parent anchors.fill: parent
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
CardHeader { CardHeader {
icon: gaugeCard.icon icon: gaugeCard.icon
@ -568,7 +568,7 @@ Item {
ColumnLayout { ColumnLayout {
anchors.fill: parent anchors.fill: parent
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
CardHeader { CardHeader {
icon: "hard_disk" icon: "hard_disk"
@ -729,7 +729,7 @@ Item {
// Download row // Download row
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
MaterialIcon { MaterialIcon {
text: "download" text: "download"
@ -761,7 +761,7 @@ Item {
// Upload row // Upload row
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
MaterialIcon { MaterialIcon {
text: "upload" text: "upload"
@ -793,7 +793,7 @@ Item {
// Session totals // Session totals
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
MaterialIcon { MaterialIcon {
text: "history" text: "history"

14
modules/dashboard/WeatherTab.qml
View file

@ -17,7 +17,7 @@ Item {
id: layout id: layout
anchors.fill: parent anchors.fill: parent
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
RowLayout { RowLayout {
Layout.leftMargin: Tokens.padding.large Layout.leftMargin: Tokens.padding.large
@ -46,7 +46,7 @@ Item {
} }
Row { Row {
spacing: Tokens.spacing.large spacing: Tokens.spacing.largeIncreased
WeatherStat { WeatherStat {
icon: "wb_twilight" icon: "wb_twilight"
@ -75,7 +75,7 @@ Item {
id: bigInfoRow id: bigInfoRow
anchors.centerIn: parent anchors.centerIn: parent
spacing: Tokens.spacing.large spacing: Tokens.spacing.largeIncreased
MaterialIcon { MaterialIcon {
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
@ -108,7 +108,7 @@ Item {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
DetailCard { DetailCard {
icon: "water_drop" icon: "water_drop"
@ -131,7 +131,7 @@ Item {
} }
StyledText { StyledText {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
Layout.leftMargin: Tokens.padding.medium Layout.leftMargin: Tokens.padding.medium
visible: forecastRepeater.count > 0 visible: forecastRepeater.count > 0
text: qsTr("7-Day Forecast") text: qsTr("7-Day Forecast")
@ -142,7 +142,7 @@ Item {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
Repeater { Repeater {
id: forecastRepeater id: forecastRepeater
@ -218,7 +218,7 @@ Item {
Row { Row {
anchors.centerIn: parent anchors.centerIn: parent
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
MaterialIcon { MaterialIcon {
text: detailRoot.icon text: detailRoot.icon

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

@ -119,7 +119,7 @@ Item {
anchors.top: cover.bottom anchors.top: cover.bottom
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
anchors.topMargin: Tokens.spacing.normal anchors.topMargin: Tokens.spacing.medium
animate: true animate: true
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
@ -169,7 +169,7 @@ Item {
anchors.top: artist.bottom anchors.top: artist.bottom
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
anchors.topMargin: Tokens.spacing.smaller anchors.topMargin: Tokens.spacing.medium
spacing: Tokens.spacing.small spacing: Tokens.spacing.small

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

@ -11,7 +11,7 @@ Row {
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
padding: Tokens.padding.large padding: Tokens.padding.large
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
Ref { Ref {
service: SystemUsage service: SystemUsage

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

@ -29,7 +29,7 @@ Item {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: icon.right anchors.left: icon.right
anchors.leftMargin: Tokens.spacing.large anchors.leftMargin: Tokens.spacing.largeIncreased
spacing: Tokens.spacing.small spacing: Tokens.spacing.small

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

@ -14,7 +14,7 @@ Row {
required property FileDialog facePicker required property FileDialog facePicker
padding: Tokens.padding.large padding: Tokens.padding.large
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledClippingRect { StyledClippingRect {
implicitWidth: info.implicitHeight implicitWidth: info.implicitHeight
@ -106,7 +106,7 @@ Row {
id: info id: info
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
Item { Item {
id: line id: line

2
modules/launcher/ContentList.qml
View file

@ -110,7 +110,7 @@ Item {
opacity: root.currentList?.count === 0 ? 1 : 0 opacity: root.currentList?.count === 0 ? 1 : 0
scale: root.currentList?.count === 0 ? 1 : 0.5 scale: root.currentList?.count === 0 ? 1 : 0.5
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
padding: Tokens.padding.large padding: Tokens.padding.large
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter

2
modules/launcher/Wrapper.qml
View file

@ -16,7 +16,7 @@ Item {
readonly property bool shouldBeActive: visibilities.launcher && Config.launcher.enabled readonly property bool shouldBeActive: visibilities.launcher && Config.launcher.enabled
readonly property real maxHeight: { readonly property real maxHeight: {
let max = screen.height - Config.border.thickness * 2 - Tokens.spacing.large; let max = screen.height - Config.border.thickness * 2 - Tokens.spacing.largeIncreased;
if (visibilities.dashboard) if (visibilities.dashboard)
max -= panels.dashboard.nonAnimHeight; max -= panels.dashboard.nonAnimHeight;
return max; return max;

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

@ -36,7 +36,7 @@ Item {
Item { Item {
anchors.left: icon.right anchors.left: icon.right
anchors.leftMargin: Tokens.spacing.normal anchors.leftMargin: Tokens.spacing.medium
anchors.verticalCenter: icon.verticalCenter anchors.verticalCenter: icon.verticalCenter
implicitWidth: parent.width - icon.width implicitWidth: parent.width - icon.width

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

@ -44,7 +44,7 @@ Item {
Item { Item {
anchors.left: icon.right anchors.left: icon.right
anchors.leftMargin: Tokens.spacing.normal anchors.leftMargin: Tokens.spacing.medium
anchors.verticalCenter: icon.verticalCenter anchors.verticalCenter: icon.verticalCenter
implicitWidth: parent.width - icon.width - favouriteIcon.width implicitWidth: parent.width - icon.width - favouriteIcon.width

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

@ -38,7 +38,7 @@ Item {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
MaterialIcon { MaterialIcon {
text: "function" text: "function"

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

@ -61,10 +61,10 @@ Item {
Column { Column {
anchors.left: preview.right anchors.left: preview.right
anchors.leftMargin: Tokens.spacing.normal anchors.leftMargin: Tokens.spacing.medium
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
width: parent.width - preview.width - anchors.leftMargin - (current.active ? current.width + Tokens.spacing.normal : 0) width: parent.width - preview.width - anchors.leftMargin - (current.active ? current.width + Tokens.spacing.medium : 0)
spacing: 0 spacing: 0
StyledText { StyledText {

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

@ -37,10 +37,10 @@ Item {
Column { Column {
anchors.left: icon.right anchors.left: icon.right
anchors.leftMargin: Tokens.spacing.larger anchors.leftMargin: Tokens.spacing.large
anchors.verticalCenter: icon.verticalCenter anchors.verticalCenter: icon.verticalCenter
width: parent.width - icon.width - anchors.leftMargin - (current.active ? current.width + Tokens.spacing.normal : 0) width: parent.width - icon.width - anchors.leftMargin - (current.active ? current.width + Tokens.spacing.medium : 0)
spacing: 0 spacing: 0
StyledText { StyledText {

8
modules/lock/Center.qml
View file

@ -20,7 +20,7 @@ ColumnLayout {
Layout.fillWidth: false Layout.fillWidth: false
Layout.fillHeight: true Layout.fillHeight: true
spacing: Tokens.spacing.large * 2 spacing: Tokens.spacing.largeIncreased * 2
RowLayout { RowLayout {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
@ -83,7 +83,7 @@ ColumnLayout {
} }
StyledClippingRect { StyledClippingRect {
Layout.topMargin: Tokens.spacing.large * 2 Layout.topMargin: Tokens.spacing.largeIncreased * 2
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
implicitWidth: root.centerWidth / 2 implicitWidth: root.centerWidth / 2
@ -148,7 +148,7 @@ ColumnLayout {
anchors.fill: parent anchors.fill: parent
anchors.margins: Tokens.padding.extraSmall anchors.margins: Tokens.padding.extraSmall
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
Item { Item {
implicitWidth: implicitHeight implicitWidth: implicitHeight
@ -212,7 +212,7 @@ ColumnLayout {
Item { Item {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: -Tokens.spacing.large Layout.topMargin: -Tokens.spacing.largeIncreased
implicitHeight: Math.max(message.implicitHeight, stateMessage.implicitHeight) implicitHeight: Math.max(message.implicitHeight, stateMessage.implicitHeight)

6
modules/lock/Content.qml
View file

@ -9,11 +9,11 @@ RowLayout {
required property var lock required property var lock
spacing: Tokens.spacing.large * 2 spacing: Tokens.spacing.largeIncreased * 2
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledRect { StyledRect {
Layout.fillWidth: true Layout.fillWidth: true
@ -62,7 +62,7 @@ RowLayout {
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledRect { StyledRect {
Layout.fillWidth: true Layout.fillWidth: true

8
modules/lock/Fetch.qml
View file

@ -21,7 +21,7 @@ ColumnLayout {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.fillHeight: false Layout.fillHeight: false
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledRect { StyledRect {
implicitWidth: prompt.implicitWidth + Tokens.padding.medium * 2 implicitWidth: prompt.implicitWidth + Tokens.padding.medium * 2
@ -74,7 +74,7 @@ ColumnLayout {
Layout.topMargin: Tokens.padding.medium Layout.topMargin: Tokens.padding.medium
Layout.bottomMargin: Tokens.padding.medium Layout.bottomMargin: Tokens.padding.medium
Layout.leftMargin: iconLoader.active ? 0 : width * 0.1 Layout.leftMargin: iconLoader.active ? 0 : width * 0.1
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
WrappedLoader { WrappedLoader {
Layout.fillWidth: true Layout.fillWidth: true
@ -125,10 +125,10 @@ ColumnLayout {
active: root.height > 180 active: root.height > 180
sourceComponent: RowLayout { sourceComponent: RowLayout {
spacing: Tokens.spacing.large spacing: Tokens.spacing.largeIncreased
Repeater { Repeater {
model: Math.max(0, Math.min(8, root.width / (Tokens.font.size.larger * 2 + Tokens.spacing.large))) model: Math.max(0, Math.min(8, root.width / (Tokens.font.size.larger * 2 + Tokens.spacing.largeIncreased)))
StyledRect { StyledRect {
required property int index required property int index

6
modules/lock/Media.qml
View file

@ -73,7 +73,7 @@ Item {
StyledText { StyledText {
Layout.topMargin: Tokens.padding.large Layout.topMargin: Tokens.padding.large
Layout.bottomMargin: Tokens.spacing.larger Layout.bottomMargin: Tokens.spacing.large
text: qsTr("Now playing") text: qsTr("Now playing")
color: Colours.palette.m3onSurfaceVariant color: Colours.palette.m3onSurfaceVariant
font.family: Tokens.font.family.mono font.family: Tokens.font.family.mono
@ -104,10 +104,10 @@ Item {
RowLayout { RowLayout {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
Layout.topMargin: Tokens.spacing.large * 1.2 Layout.topMargin: Tokens.spacing.largeIncreased * 1.2
Layout.bottomMargin: Tokens.padding.large Layout.bottomMargin: Tokens.padding.large
spacing: Tokens.spacing.large spacing: Tokens.spacing.largeIncreased
PlayerControl { PlayerControl {
icon: "skip_previous" icon: "skip_previous"

4
modules/lock/NotifDock.qml
View file

@ -19,7 +19,7 @@ ColumnLayout {
anchors.fill: parent anchors.fill: parent
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true
@ -46,7 +46,7 @@ ColumnLayout {
opacity: Notifs.list.length > 0 && !Config.lock.hideNotifs ? 0 : 1 opacity: Notifs.list.length > 0 && !Config.lock.hideNotifs ? 0 : 1
sourceComponent: ColumnLayout { sourceComponent: ColumnLayout {
spacing: Tokens.spacing.large spacing: Tokens.spacing.largeIncreased
Image { Image {
asynchronous: true asynchronous: true

4
modules/lock/NotifGroup.qml
View file

@ -60,7 +60,7 @@ StyledRect {
anchors.top: parent.top anchors.top: parent.top
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
Item { Item {
Layout.alignment: Qt.AlignLeft | Qt.AlignTop Layout.alignment: Qt.AlignLeft | Qt.AlignTop
@ -148,7 +148,7 @@ StyledRect {
RowLayout { RowLayout {
Layout.bottomMargin: -parent.spacing Layout.bottomMargin: -parent.spacing
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true

4
modules/lock/Resources.qml
View file

@ -13,8 +13,8 @@ GridLayout {
anchors.right: parent.right anchors.right: parent.right
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
rowSpacing: Tokens.spacing.large rowSpacing: Tokens.spacing.largeIncreased
columnSpacing: Tokens.spacing.large columnSpacing: Tokens.spacing.largeIncreased
rows: 2 rows: 2
columns: 2 columns: 2

6
modules/lock/WeatherInfo.qml
View file

@ -36,7 +36,7 @@ ColumnLayout {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Tokens.spacing.large spacing: Tokens.spacing.largeIncreased
MaterialIcon { MaterialIcon {
animate: true animate: true
@ -109,7 +109,7 @@ ColumnLayout {
id: forecastLoader id: forecastLoader
asynchronous: true asynchronous: true
Layout.topMargin: Tokens.spacing.smaller Layout.topMargin: Tokens.spacing.medium
Layout.bottomMargin: Tokens.padding.extraLargeIncreased Layout.bottomMargin: Tokens.padding.extraLargeIncreased
Layout.fillWidth: true Layout.fillWidth: true
@ -117,7 +117,7 @@ ColumnLayout {
visible: active visible: active
sourceComponent: RowLayout { sourceComponent: RowLayout {
spacing: Tokens.spacing.large spacing: Tokens.spacing.largeIncreased
Repeater { Repeater {
model: { model: {

14
modules/notifications/Content.qml
View file

@ -25,7 +25,7 @@ Item {
if (count === 0) if (count === 0)
return 0; return 0;
let height = (count - 1) * Tokens.spacing.smaller; let height = (count - 1) * Tokens.spacing.medium;
for (let i = 0; i < count; i++) for (let i = 0; i < count; i++)
height += (list.itemAtIndex(i) as NotifWrapper)?.nonAnimHeight ?? 0; height += (list.itemAtIndex(i) as NotifWrapper)?.nonAnimHeight ?? 0;
@ -89,9 +89,9 @@ Item {
let height = 0; let height = 0;
for (let i = 0; i < count; i++) { for (let i = 0; i < count; i++) {
height += ((list.itemAtIndex(i) as NotifWrapper)?.nonAnimHeight ?? 0) + Tokens.spacing.smaller; height += ((list.itemAtIndex(i) as NotifWrapper)?.nonAnimHeight ?? 0) + Tokens.spacing.medium;
if (height - Tokens.spacing.smaller >= scrollY) if (height - Tokens.spacing.medium >= scrollY)
return i; return i;
} }
@ -110,9 +110,9 @@ Item {
let height = 0; let height = 0;
for (let i = count - 1; i >= 0; i--) { for (let i = count - 1; i >= 0; i--) {
height += ((list.itemAtIndex(i) as NotifWrapper)?.nonAnimHeight ?? 0) + Tokens.spacing.smaller; height += ((list.itemAtIndex(i) as NotifWrapper)?.nonAnimHeight ?? 0) + Tokens.spacing.medium;
if (height - Tokens.spacing.smaller >= scrollY) if (height - Tokens.spacing.medium >= scrollY)
return count - i - 1; return count - i - 1;
} }
@ -140,7 +140,7 @@ Item {
} }
implicitWidth: notif.implicitWidth implicitWidth: notif.implicitWidth
implicitHeight: notif.implicitHeight + (idx === 0 ? 0 : Tokens.spacing.smaller) implicitHeight: notif.implicitHeight + (idx === 0 ? 0 : Tokens.spacing.medium)
ListView.onRemove: removeAnim.start() ListView.onRemove: removeAnim.start()
@ -183,7 +183,7 @@ Item {
ClippingRectangle { ClippingRectangle {
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: wrapper.idx === 0 ? 0 : Tokens.spacing.smaller anchors.topMargin: wrapper.idx === 0 ? 0 : Tokens.spacing.medium
color: "transparent" color: "transparent"
radius: notif.radius radius: notif.radius

6
modules/notifications/Notification.qml
View file

@ -228,7 +228,7 @@ StyledRect {
anchors.top: parent.top anchors.top: parent.top
anchors.left: image.right anchors.left: image.right
anchors.leftMargin: Tokens.spacing.smaller anchors.leftMargin: Tokens.spacing.medium
animate: true animate: true
text: appNameMetrics.elidedText text: appNameMetrics.elidedText
@ -258,7 +258,7 @@ StyledRect {
anchors.top: parent.top anchors.top: parent.top
anchors.left: image.right anchors.left: image.right
anchors.leftMargin: Tokens.spacing.smaller anchors.leftMargin: Tokens.spacing.medium
animate: true animate: true
text: summaryMetrics.elidedText text: summaryMetrics.elidedText
@ -441,7 +441,7 @@ StyledRect {
anchors.top: body.bottom anchors.top: body.bottom
anchors.topMargin: Tokens.spacing.small anchors.topMargin: Tokens.spacing.small
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
opacity: root.expanded ? 1 : 0 opacity: root.expanded ? 1 : 0

2
modules/osd/Content.qml
View file

@ -27,7 +27,7 @@ Item {
id: layout id: layout
anchors.centerIn: parent anchors.centerIn: parent
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
// Speaker volume // Speaker volume
CustomMouseArea { CustomMouseArea {

2
modules/session/Content.qml
View file

@ -13,7 +13,7 @@ Column {
required property DrawerVisibilities visibilities required property DrawerVisibilities visibilities
padding: Tokens.padding.large padding: Tokens.padding.large
spacing: Tokens.spacing.large spacing: Tokens.spacing.largeIncreased
SessionButton { SessionButton {
id: logout id: logout

2
modules/sidebar/Content.qml
View file

@ -14,7 +14,7 @@ Item {
id: layout id: layout
anchors.fill: parent anchors.fill: parent
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledRect { StyledRect {
Layout.fillWidth: true Layout.fillWidth: true

2
modules/sidebar/Notif.qml
View file

@ -131,7 +131,7 @@ StyledRect {
component ExpandedBody: ColumnLayout { component ExpandedBody: ColumnLayout {
readonly property alias body: bodyText readonly property alias body: bodyText
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
StyledText { StyledText {
id: bodyText id: bodyText

4
modules/sidebar/NotifDock.qml
View file

@ -80,7 +80,7 @@ Item {
anchors.right: parent.right anchors.right: parent.right
anchors.top: title.bottom anchors.top: title.bottom
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.topMargin: Tokens.spacing.smaller anchors.topMargin: Tokens.spacing.medium
radius: Tokens.rounding.medium radius: Tokens.rounding.medium
color: "transparent" color: "transparent"
@ -92,7 +92,7 @@ Item {
opacity: root.notifCount > 0 ? 0 : 1 opacity: root.notifCount > 0 ? 0 : 1
sourceComponent: ColumnLayout { sourceComponent: ColumnLayout {
spacing: Tokens.spacing.large spacing: Tokens.spacing.largeIncreased
Image { Image {
asynchronous: true asynchronous: true

4
modules/sidebar/NotifGroup.qml
View file

@ -74,7 +74,7 @@ StyledRect {
anchors.top: parent.top anchors.top: parent.top
anchors.margins: Tokens.padding.medium anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
Item { Item {
Layout.alignment: Qt.AlignLeft | Qt.AlignTop Layout.alignment: Qt.AlignLeft | Qt.AlignTop
@ -168,7 +168,7 @@ StyledRect {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
spacing: Tokens.spacing.smaller spacing: Tokens.spacing.medium
StyledText { StyledText {
Layout.fillWidth: true Layout.fillWidth: true

2
modules/utilities/Content.qml
View file

@ -20,7 +20,7 @@ Item {
id: layout id: layout
anchors.fill: parent anchors.fill: parent
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
IdleInhibit {} IdleInhibit {}

6
modules/utilities/RecordingDeleteModal.qml
View file

@ -164,7 +164,7 @@ Loader {
anchors.fill: parent anchors.fill: parent
anchors.margins: Tokens.padding.large * 1.5 anchors.margins: Tokens.padding.large * 1.5
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledText { StyledText {
text: qsTr("Delete recording?") text: qsTr("Delete recording?")
@ -180,9 +180,9 @@ Loader {
} }
RowLayout { RowLayout {
Layout.topMargin: Tokens.spacing.normal Layout.topMargin: Tokens.spacing.medium
Layout.alignment: Qt.AlignRight Layout.alignment: Qt.AlignRight
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
TextButton { TextButton {
text: qsTr("Cancel") text: qsTr("Cancel")

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

@ -22,7 +22,7 @@ StyledRect {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
anchors.margins: Tokens.padding.large anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.normal spacing: Tokens.spacing.medium
StyledRect { StyledRect {
implicitWidth: implicitHeight implicitWidth: implicitHeight
@ -73,7 +73,7 @@ StyledRect {
asynchronous: true asynchronous: true
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.left: parent.left anchors.left: parent.left
anchors.topMargin: Tokens.spacing.larger anchors.topMargin: Tokens.spacing.large
anchors.bottomMargin: IdleInhibitor.enabled ? Tokens.padding.large : -implicitHeight anchors.bottomMargin: IdleInhibitor.enabled ? Tokens.padding.large : -implicitHeight
anchors.leftMargin: Tokens.padding.large anchors.leftMargin: Tokens.padding.large

Some files were not shown because too many files have changed in this diff Show more