Fix text centering

Sort applauncher entries alphabetical
Use global fontFamily and font size (Theme.qml)
Tons of other small fixes
This commit is contained in:
ly-sec 2025-07-12 13:58:18 +02:00
parent ac456fa9a3
commit a1a9060111
27 changed files with 535 additions and 1060 deletions

View file

@ -35,13 +35,14 @@ Rectangle {
Text {
text: "settings"
font.family: "Material Symbols Outlined"
font.pixelSize: 28
font.pixelSize: Theme.fontSizeHeader
color: Settings.Theme.accentPrimary
}
Text {
text: "Settings"
font.pixelSize: 22
font.family: Settings.Theme.fontFamily
font.pixelSize: Theme.fontSizeHeader
font.bold: true
color: Settings.Theme.textPrimary
Layout.fillWidth: true
@ -59,7 +60,7 @@ Rectangle {
anchors.centerIn: parent
text: "close"
font.family: "Material Symbols Outlined"
font.pixelSize: 18
font.pixelSize: Theme.fontSizeBody
color: closeButtonArea.containsMouse ? Settings.Theme.onAccent : Settings.Theme.accentPrimary
}
@ -92,13 +93,14 @@ Rectangle {
Text {
text: "wb_sunny"
font.family: "Material Symbols Outlined"
font.pixelSize: 20
font.pixelSize: Theme.fontSizeBody
color: Settings.Theme.accentPrimary
}
Text {
text: "Weather Settings"
font.pixelSize: 16
font.family: Settings.Theme.fontFamily
font.pixelSize: Theme.fontSizeBody
font.bold: true
color: Settings.Theme.textPrimary
Layout.fillWidth: true
@ -112,14 +114,15 @@ Rectangle {
Text {
text: "City"
font.pixelSize: 13
font.family: Settings.Theme.fontFamily
font.pixelSize: Theme.fontSizeSmall
font.bold: true
color: Settings.Theme.textPrimary
}
Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: 36
Layout.preferredHeight: 40
radius: 8
color: Settings.Theme.surfaceVariant
border.color: cityInput.activeFocus ? Settings.Theme.accentPrimary : Settings.Theme.outline
@ -127,10 +130,17 @@ Rectangle {
TextInput {
id: cityInput
anchors.fill: parent
anchors.margins: 12
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.leftMargin: 12
anchors.rightMargin: 12
anchors.topMargin: 6
anchors.bottomMargin: 6
text: tempWeatherCity
font.pixelSize: 13
font.family: Settings.Theme.fontFamily
font.pixelSize: Theme.fontSizeSmall
color: Settings.Theme.textPrimary
verticalAlignment: TextInput.AlignVCenter
clip: true
@ -160,7 +170,8 @@ Rectangle {
Text {
text: "Temperature Unit"
font.pixelSize: 13
font.family: Settings.Theme.fontFamily
font.pixelSize: Theme.fontSizeSmall
font.bold: true
color: Settings.Theme.textPrimary
}
@ -193,7 +204,8 @@ Rectangle {
Text {
anchors.centerIn: parent
text: tempUseFahrenheit ? "°F" : "°C"
font.pixelSize: 12
font.family: Settings.Theme.fontFamily
font.pixelSize: Theme.fontSizeCaption
font.bold: true
color: Settings.Theme.textPrimary
}
@ -240,17 +252,18 @@ Rectangle {
Text {
text: "person"
font.family: "Material Symbols Outlined"
font.pixelSize: 20
font.pixelSize: Theme.fontSizeBody
color: Settings.Theme.accentPrimary
}
Text {
text: "Profile Image"
font.pixelSize: 16
font.bold: true
color: Settings.Theme.textPrimary
Layout.fillWidth: true
}
Text {
text: "Profile Image"
font.family: Settings.Theme.fontFamily
font.pixelSize: Theme.fontSizeBody
font.bold: true
color: Settings.Theme.textPrimary
Layout.fillWidth: true
}
}
// Profile Image Input Row
@ -292,7 +305,7 @@ Rectangle {
anchors.centerIn: parent
text: "person"
font.family: "Material Symbols Outlined"
font.pixelSize: 18
font.pixelSize: Theme.fontSizeBody
color: Settings.Theme.accentPrimary
visible: tempProfileImage === ""
}
@ -301,7 +314,7 @@ Rectangle {
// Text input styled exactly like weather city
Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: 36
Layout.preferredHeight: 40
radius: 8
color: Settings.Theme.surfaceVariant
border.color: profileImageInput.activeFocus ? Settings.Theme.accentPrimary : Settings.Theme.outline
@ -309,10 +322,17 @@ Rectangle {
TextInput {
id: profileImageInput
anchors.fill: parent
anchors.margins: 12
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.leftMargin: 12
anchors.rightMargin: 12
anchors.topMargin: 6
anchors.bottomMargin: 6
text: tempProfileImage
font.pixelSize: 13
font.family: Settings.Theme.fontFamily
font.pixelSize: Theme.fontSizeSmall
color: Settings.Theme.textPrimary
verticalAlignment: TextInput.AlignVCenter
clip: true
@ -354,12 +374,13 @@ Rectangle {
Text {
text: "image"
font.family: "Material Symbols Outlined"
font.pixelSize: 20
font.pixelSize: Theme.fontSizeBody
color: Settings.Theme.accentPrimary
}
Text {
text: "Wallpaper Folder"
font.pixelSize: 16
font.family: Settings.Theme.fontFamily
font.pixelSize: Theme.fontSizeBody
font.bold: true
color: Settings.Theme.textPrimary
Layout.fillWidth: true
@ -369,7 +390,7 @@ Rectangle {
// Folder Path Input
Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: 36
Layout.preferredHeight: 40
radius: 8
color: Settings.Theme.surfaceVariant
border.color: wallpaperFolderInput.activeFocus ? Settings.Theme.accentPrimary : Settings.Theme.outline
@ -377,10 +398,17 @@ Rectangle {
TextInput {
id: wallpaperFolderInput
anchors.fill: parent
anchors.margins: 12
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.leftMargin: 12
anchors.rightMargin: 12
anchors.topMargin: 6
anchors.bottomMargin: 6
text: tempWallpaperFolder
font.pixelSize: 13
font.family: Settings.Theme.fontFamily
font.pixelSize: Theme.fontSizeSmall
color: Settings.Theme.textPrimary
verticalAlignment: TextInput.AlignVCenter
clip: true
@ -415,7 +443,8 @@ Rectangle {
Text {
anchors.centerIn: parent
text: "Apply Changes"
font.pixelSize: 15
font.family: Settings.Theme.fontFamily
font.pixelSize: Theme.fontSizeSmall
font.bold: true
color: applyButtonArea.containsMouse ? Settings.Theme.onAccent : Settings.Theme.onAccent
}

View file

@ -21,7 +21,8 @@ ColumnLayout {
spacing: 8
Text {
id: headerText
font.pixelSize: 16
font.family: Theme.fontFamily
font.pixelSize: Theme.fontSizeBody
font.bold: true
color: Theme.textPrimary
}
@ -33,7 +34,7 @@ ColumnLayout {
anchors.centerIn: parent
text: expanded ? "expand_less" : "expand_more"
font.family: "Material Symbols Outlined"
font.pixelSize: 20
font.pixelSize: Theme.fontSizeBody
color: Theme.accentPrimary
}
}

View file

@ -27,13 +27,14 @@ Rectangle {
Text {
text: "person"
font.family: "Material Symbols Outlined"
font.pixelSize: 20
font.pixelSize: Theme.fontSizeBody
color: Theme.accentPrimary
}
Text {
text: "Profile Image"
font.pixelSize: 16
font.family: Theme.fontFamily
font.pixelSize: Theme.fontSizeBody
font.bold: true
color: Theme.textPrimary
Layout.fillWidth: true
@ -82,7 +83,7 @@ Rectangle {
anchors.centerIn: parent
text: "person"
font.family: "Material Symbols Outlined"
font.pixelSize: 18
font.pixelSize: Theme.fontSizeBody
color: Theme.accentPrimary
visible: Settings.profileImage === ""
}
@ -91,7 +92,7 @@ Rectangle {
// Text input styled exactly like weather city
Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: 36
Layout.preferredHeight: 40
radius: 8
color: Theme.surfaceVariant
border.color: profileImageInput.activeFocus ? Theme.accentPrimary : Theme.outline
@ -99,10 +100,17 @@ Rectangle {
TextInput {
id: profileImageInput
anchors.fill: parent
anchors.margins: 12
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.leftMargin: 12
anchors.rightMargin: 12
anchors.topMargin: 6
anchors.bottomMargin: 6
text: Settings.profileImage
font.pixelSize: 13
font.family: Theme.fontFamily
font.pixelSize: Theme.fontSizeSmall
color: Theme.textPrimary
verticalAlignment: TextInput.AlignVCenter
clip: true
@ -131,14 +139,15 @@ Rectangle {
Text {
text: "Video Path"
font.pixelSize: 14
font.family: Theme.fontFamily
font.pixelSize: Theme.fontSizeSmall
color: Theme.textPrimary
Layout.alignment: Qt.AlignVCenter
}
Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: 36
Layout.preferredHeight: 40
radius: 8
color: Theme.surfaceVariant
border.color: videoPathInput.activeFocus ? Theme.accentPrimary : Theme.outline
@ -146,10 +155,17 @@ Rectangle {
TextInput {
id: videoPathInput
anchors.fill: parent
anchors.margins: 12
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.leftMargin: 12
anchors.rightMargin: 12
anchors.topMargin: 6
anchors.bottomMargin: 6
text: Settings.videoPath !== undefined ? Settings.videoPath : ""
font.pixelSize: 13
font.family: Theme.fontFamily
font.pixelSize: Theme.fontSizeSmall
color: Theme.textPrimary
verticalAlignment: TextInput.AlignVCenter
clip: true

View file

@ -55,6 +55,7 @@ PanelWindow {
}
Text {
text: "Settings"
font.family: Theme.fontFamily
font.pixelSize: 26
font.bold: true
color: Theme.textPrimary
@ -149,6 +150,7 @@ PanelWindow {
Text {
anchors.centerIn: parent
text: "Apply Changes"
font.family: Theme.fontFamily
font.pixelSize: 17
font.bold: true
color: applyButtonArea.containsMouse ? Theme.onAccent : Theme.onAccent

View file

@ -31,6 +31,7 @@ Rectangle {
}
Text {
text: "Wallpaper Folder"
font.family: Theme.fontFamily
font.pixelSize: 16
font.bold: true
color: Theme.textPrimary
@ -41,16 +42,23 @@ Rectangle {
// Folder Path Input
Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: 36
Layout.preferredHeight: 40
radius: 8
color: Theme.surfaceVariant
border.color: folderInput.activeFocus ? Theme.accentPrimary : Theme.outline
border.width: 1
TextInput {
id: folderInput
anchors.fill: parent
anchors.margins: 12
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.leftMargin: 12
anchors.rightMargin: 12
anchors.topMargin: 6
anchors.bottomMargin: 6
text: wallpaperFolder
font.family: Theme.fontFamily
font.pixelSize: 13
color: Theme.textPrimary
verticalAlignment: TextInput.AlignVCenter

View file

@ -36,6 +36,7 @@ Rectangle {
Text {
text: "Weather Settings"
font.family: Theme.fontFamily
font.pixelSize: 16
font.bold: true
color: Theme.textPrimary
@ -50,6 +51,7 @@ Rectangle {
Text {
text: "City"
font.family: Theme.fontFamily
font.pixelSize: 13
font.bold: true
color: Theme.textPrimary
@ -57,7 +59,7 @@ Rectangle {
Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: 36
Layout.preferredHeight: 40
radius: 8
color: Theme.surfaceVariant
border.color: cityInput.activeFocus ? Theme.accentPrimary : Theme.outline
@ -65,9 +67,16 @@ Rectangle {
TextInput {
id: cityInput
anchors.fill: parent
anchors.margins: 12
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.leftMargin: 12
anchors.rightMargin: 12
anchors.topMargin: 6
anchors.bottomMargin: 6
text: weatherCity
font.family: Theme.fontFamily
font.pixelSize: 13
color: Theme.textPrimary
verticalAlignment: TextInput.AlignVCenter
@ -98,6 +107,7 @@ Rectangle {
Text {
text: "Temperature Unit"
font.family: Theme.fontFamily
font.pixelSize: 13
font.bold: true
color: Theme.textPrimary
@ -130,7 +140,8 @@ Rectangle {
Text {
anchors.centerIn: parent
text: useFahrenheit ? "°F" : "°C"
text: useFahrenheit ? "\u00b0F" : "\u00b0C"
font.family: Theme.fontFamily
font.pixelSize: 12
font.bold: true
color: Theme.textPrimary

View file

@ -111,6 +111,7 @@ Item {
}
Text {
text: "Bluetooth"
font.family: Theme.fontFamily
font.pixelSize: 26
font.bold: true
color: Theme.textPrimary
@ -225,6 +226,7 @@ Item {
Text {
Layout.fillWidth: true
text: modelData.name || "Unknown Device"
font.family: Theme.fontFamily
color: modelData.connected ? Theme.accentPrimary : Theme.textPrimary
font.pixelSize: 14
elide: Text.ElideRight
@ -232,12 +234,14 @@ Item {
Text {
Layout.fillWidth: true
text: modelData.address
font.family: Theme.fontFamily
color: modelData.connected ? Theme.accentPrimary : Theme.textSecondary
font.pixelSize: 11
elide: Text.ElideRight
}
Text {
text: "Paired: " + modelData.paired + " | Trusted: " + modelData.trusted
font.family: Theme.fontFamily
font.pixelSize: 10
color: Theme.textSecondary
visible: true

View file

@ -105,7 +105,7 @@ Rectangle {
Text {
text: "music_note"
font.family: "Material Symbols Outlined"
font.pixelSize: 48
font.pixelSize: Theme.fontSizeHeader
color: Qt.rgba(Theme.textPrimary.r, Theme.textPrimary.g, Theme.textPrimary.b, 0.3)
Layout.alignment: Qt.AlignHCenter
}
@ -113,8 +113,8 @@ Rectangle {
Text {
text: getAvailablePlayers().length > 0 ? "No controllable player selected" : "No music player detected"
color: Qt.rgba(Theme.textPrimary.r, Theme.textPrimary.g, Theme.textPrimary.b, 0.6)
font.family: "Roboto"
font.pixelSize: 14
font.family: Theme.fontFamily
font.pixelSize: Theme.fontSizeSmall
Layout.alignment: Qt.AlignHCenter
}
}
@ -191,7 +191,7 @@ Rectangle {
anchors.centerIn: parent
text: "album"
font.family: "Material Symbols Outlined"
font.pixelSize: 20
font.pixelSize: Theme.fontSizeBody
color: Qt.rgba(Theme.textPrimary.r, Theme.textPrimary.g, Theme.textPrimary.b, 0.4)
visible: !albumArt.visible
}
@ -206,8 +206,8 @@ Rectangle {
Text {
text: currentPlayer ? (currentPlayer.trackTitle || "Unknown Track") : ""
color: Theme.textPrimary
font.family: "Roboto"
font.pixelSize: 14
font.family: Theme.fontFamily
font.pixelSize: Theme.fontSizeSmall
font.bold: true
elide: Text.ElideRight
wrapMode: Text.Wrap
@ -218,8 +218,8 @@ Rectangle {
Text {
text: currentPlayer ? (currentPlayer.trackArtist || "Unknown Artist") : ""
color: Qt.rgba(Theme.textPrimary.r, Theme.textPrimary.g, Theme.textPrimary.b, 0.8)
font.family: "Roboto"
font.pixelSize: 12
font.family: Theme.fontFamily
font.pixelSize: Theme.fontSizeCaption
elide: Text.ElideRight
Layout.fillWidth: true
}
@ -227,8 +227,8 @@ Rectangle {
Text {
text: currentPlayer ? (currentPlayer.trackAlbum || "Unknown Album") : ""
color: Qt.rgba(Theme.textPrimary.r, Theme.textPrimary.g, Theme.textPrimary.b, 0.6)
font.family: "Roboto"
font.pixelSize: 10
font.family: Theme.fontFamily
font.pixelSize: Theme.fontSizeCaption
elide: Text.ElideRight
Layout.fillWidth: true
}
@ -334,7 +334,7 @@ Rectangle {
anchors.centerIn: parent
text: "skip_previous"
font.family: "Material Symbols Outlined"
font.pixelSize: 12
font.pixelSize: Theme.fontSizeCaption
color: previousButton.enabled ? Theme.accentPrimary : Qt.rgba(Theme.textPrimary.r, Theme.textPrimary.g, Theme.textPrimary.b, 0.3)
}
}
@ -368,7 +368,7 @@ Rectangle {
anchors.centerIn: parent
text: currentPlayer && currentPlayer.isPlaying ? "pause" : "play_arrow"
font.family: "Material Symbols Outlined"
font.pixelSize: 16
font.pixelSize: Theme.fontSizeBody
color: playButton.enabled ? Theme.accentPrimary : Qt.rgba(Theme.textPrimary.r, Theme.textPrimary.g, Theme.textPrimary.b, 0.3)
}
}
@ -394,7 +394,7 @@ Rectangle {
anchors.centerIn: parent
text: "skip_next"
font.family: "Material Symbols Outlined"
font.pixelSize: 12
font.pixelSize: Theme.fontSizeCaption
color: nextButton.enabled ? Theme.accentPrimary : Qt.rgba(Theme.textPrimary.r, Theme.textPrimary.g, Theme.textPrimary.b, 0.3)
}
}

View file

@ -56,6 +56,7 @@ Rectangle {
Text {
text: "Settings"
font.family: Settings.Theme.fontFamily
font.pixelSize: 14
font.bold: true
color: settingsButtonArea.containsMouse ? Settings.Theme.onAccent : Settings.Theme.textPrimary
@ -98,6 +99,7 @@ Rectangle {
Text {
text: isRecording ? "End" : "Record"
font.family: Settings.Theme.fontFamily
font.pixelSize: 14
font.bold: true
color: isRecording || recorderButtonArea.containsMouse ? Settings.Theme.onAccent : Settings.Theme.textPrimary
@ -143,6 +145,7 @@ Rectangle {
Text {
text: "Wallpaper"
font.family: Settings.Theme.fontFamily
font.pixelSize: 14
font.bold: true
color: wallpaperButtonArea.containsMouse ? Settings.Theme.onAccent : Settings.Theme.textPrimary

View file

@ -89,6 +89,7 @@ Rectangle {
Text {
text: Quickshell.env("USER")
font.family: Theme.fontFamily
font.pixelSize: 16
font.bold: true
color: Theme.textPrimary
@ -96,6 +97,7 @@ Rectangle {
Text {
text: "System Uptime: " + uptimeText
font.family: Theme.fontFamily
font.pixelSize: 12
color: Theme.textSecondary
}
@ -179,6 +181,7 @@ Rectangle {
Text {
text: "Lock Screen"
font.family: Theme.fontFamily
font.pixelSize: 14
color: lockButtonArea.containsMouse ? Theme.onAccent : Theme.textPrimary
Layout.fillWidth: true
@ -217,6 +220,7 @@ Rectangle {
Text {
text: "Reboot"
font.family: Theme.fontFamily
font.pixelSize: 14
color: rebootButtonArea.containsMouse ? Theme.onAccent : Theme.textPrimary
Layout.fillWidth: true

View file

@ -44,12 +44,13 @@ PanelWindow {
Text {
text: "image"
font.family: "Material Symbols Outlined"
font.pixelSize: 32
font.pixelSize: Theme.fontSizeHeader
color: Theme.accentPrimary
}
Text {
text: "Wallpapers"
font.pixelSize: 26
font.family: Theme.fontFamily
font.pixelSize: Theme.fontSizeHeader
font.bold: true
color: Theme.textPrimary
Layout.fillWidth: true
@ -63,7 +64,7 @@ PanelWindow {
anchors.centerIn: parent
text: "close"
font.family: closeButtonArea.containsMouse ? "Material Symbols Rounded" : "Material Symbols Outlined"
font.pixelSize: 20
font.pixelSize: Theme.fontSizeBody
color: closeButtonArea.containsMouse ? Theme.onAccent : Theme.accentPrimary
}
MouseArea {

View file

@ -81,12 +81,14 @@ Rectangle {
spacing: 4
Text {
text: city
font.family: Theme.fontFamily
font.pixelSize: 14
font.bold: true
color: Theme.textPrimary
}
Text {
text: weatherData && weatherData.timezone_abbreviation ? `(${weatherData.timezone_abbreviation})` : ""
font.family: Theme.fontFamily
font.pixelSize: 10
color: Theme.textSecondary
leftPadding: 2
@ -94,6 +96,7 @@ Rectangle {
}
Text {
text: weatherData && weatherData.current_weather ? ((Settings.useFahrenheit !== undefined ? Settings.useFahrenheit : false) ? `${Math.round(weatherData.current_weather.temperature * 9/5 + 32)}°F` : `${Math.round(weatherData.current_weather.temperature)}°C`) : ((Settings.useFahrenheit !== undefined ? Settings.useFahrenheit : false) ? "--°F" : "--°C")
font.family: Theme.fontFamily
font.pixelSize: 24
font.bold: true
color: Theme.textPrimary
@ -131,6 +134,7 @@ Rectangle {
Text {
// Day of the week (e.g., Mon)
text: Qt.formatDateTime(new Date(weatherData.daily.time[index]), "ddd")
font.family: Theme.fontFamily
font.pixelSize: 12
color: Theme.textSecondary
horizontalAlignment: Text.AlignHCenter
@ -148,6 +152,7 @@ Rectangle {
Text {
// High/low temp
text: weatherData && weatherData.daily ? ((Settings.useFahrenheit !== undefined ? Settings.useFahrenheit : false) ? `${Math.round(weatherData.daily.temperature_2m_max[index] * 9/5 + 32)}° / ${Math.round(weatherData.daily.temperature_2m_min[index] * 9/5 + 32)}°` : `${Math.round(weatherData.daily.temperature_2m_max[index])}° / ${Math.round(weatherData.daily.temperature_2m_min[index])}°`) : ((Settings.useFahrenheit !== undefined ? Settings.useFahrenheit : false) ? "--° / --°" : "--° / --°")
font.family: Theme.fontFamily
font.pixelSize: 12
color: Theme.textPrimary
horizontalAlignment: Text.AlignHCenter
@ -162,6 +167,7 @@ Rectangle {
text: errorString
color: Theme.error
visible: errorString !== ""
font.family: Theme.fontFamily
font.pixelSize: 10
horizontalAlignment: Text.AlignHCenter
Layout.alignment: Qt.AlignHCenter

View file

@ -18,7 +18,7 @@ Item {
}
function signalIcon(signal) {
if (signal >= 80) return "network_wifi_4_bar";
if (signal >= 80) return "network_wifi";
if (signal >= 60) return "network_wifi_3_bar";
if (signal >= 40) return "network_wifi_2_bar";
if (signal >= 20) return "network_wifi_1_bar";