move lucide to Styling

This commit is contained in:
Benjamin Palko 2025-09-05 17:22:16 -04:00
parent 9fc91a92f7
commit 467c9bc0e3
23 changed files with 91 additions and 135 deletions

View file

@ -1,6 +1,5 @@
import qs.components
import qs.config
import qs.constants
import qs.services
StyledIconButton {
@ -8,7 +7,7 @@ StyledIconButton {
border.width: 2
border.color: Caffeine.enabled ? Theme.palette.secondary : root.hovered ? Theme.palette.primary : Theme.palette.base300
text: Icons.coffee
text: Styling.lucide.icons.coffee
onClicked: {
Caffeine.toggle();

View file

@ -1,9 +1,7 @@
import qs.components
import qs.config
import qs.constants
import qs.services
import qs.utils
import qs.widgets
import QtQuick
import QtQuick.Layouts
@ -24,13 +22,8 @@ StyledButton {
Ref {
service: SystemInfo
}
StyledText {
id: icon
font.family: Theme.lucide.font.family
font.pixelSize: Dimensions.cpu.iconSize
font.bold: true
text: Icons.cpu
LucideIcon {
text: Styling.lucide.icons.cpu
color: root.hovered ? Theme.palette.primarycontent : Theme.palette.basecontent
}

View file

@ -1,9 +1,7 @@
import qs.components
import qs.config
import qs.constants
import qs.services
import qs.utils
import qs.widgets
import QtQuick
import QtQuick.Layouts
@ -24,13 +22,8 @@ StyledButton {
Ref {
service: SystemInfo
}
StyledText {
id: icon
font.family: Theme.lucide.font.family
font.pixelSize: Dimensions.gpu.iconSize
font.bold: true
text: Icons.gpu
LucideIcon {
text: Styling.lucide.icons.gpu
color: root.hovered ? Theme.palette.primarycontent : Theme.palette.basecontent
}

View file

@ -1,8 +1,6 @@
import qs.components
import qs.config
import qs.constants
import qs.services
import qs.widgets
import qs.utils
import QtQuick
import QtQuick.Layouts
@ -12,11 +10,8 @@ StyledLabel {
Ref {
service: SystemInfo
}
StyledText {
font.family: Theme.lucide.font.family
font.pixelSize: Dimensions.memory.iconSize
font.bold: true
text: Icons.memoryStick
LucideIcon {
text: Styling.lucide.icons.memoryStick
}
StyledText {

View file

@ -1,9 +1,7 @@
import qs.components
import qs.config
import qs.constants
import qs.services
import qs.utils
import qs.widgets
import QtQuick
import QtQuick.Layouts
@ -12,13 +10,10 @@ StyledLabel {
Ref {
service: NetworkService
}
StyledText {
LucideIcon {
id: icon
font.family: Theme.lucide.font.family
font.pixelSize: Dimensions.network.iconSize
font.bold: true
text: Icons.wifiOff
text: Styling.lucide.icons.wifiOff
states: [
State {
@ -26,7 +21,7 @@ StyledLabel {
when: NetworkService.active?.strength > 50
PropertyChanges {
icon {
text: Icons.wifi
text: Styling.lucide.icons.wifi
}
}
},
@ -35,7 +30,7 @@ StyledLabel {
when: NetworkService.active?.strength > 25
PropertyChanges {
icon {
text: Icons.wifiHigh
text: Styling.lucide.icons.wifiHigh
}
}
},
@ -44,7 +39,7 @@ StyledLabel {
when: NetworkService.active?.strength > 0
PropertyChanges {
icon {
text: Icons.wifiLow
text: Styling.lucide.icons.wifiLow
}
}
}

View file

@ -1,6 +1,5 @@
import qs.components
import qs.config
import qs.constants
import QtQuick
import QtQuick.Layouts
import Quickshell.Services.UPower
@ -26,18 +25,18 @@ StyledButton {
font.pixelSize: 16
text: {
if (root.laptopBattery?.state == UPowerDeviceState.Charging) {
return Icons.batteryCharging;
return Styling.lucide.icons.batteryCharging;
}
if (root.isCritical) {
return Icons.batteryWarning;
return Styling.lucide.icons.batteryWarning;
}
if (root.laptopBattery?.percentage < 0.33) {
return Icons.batteryLow;
return Styling.lucide.icons.batteryLow;
}
if (root.laptopBattery?.percentage < 0.66) {
return Icons.batteryMedium;
return Styling.lucide.icons.batteryMedium;
}
return Icons.batteryFull;
return Styling.lucide.icons.batteryFull;
}
}

View file

@ -1,12 +1,12 @@
import qs.components
import qs.constants
import qs.config
import QtQuick
import Quickshell.Io
StyledIconButton {
id: clickable
text: Icons.brickWall
text: Styling.lucide.icons.brickWall
onClicked: {
process.running = true;

View file

@ -1,9 +1,7 @@
import qs.components
import qs.config
import qs.constants
import qs.services
import qs.utils
import qs.widgets
import QtQuick
import QtQuick.Layouts
@ -12,13 +10,8 @@ StyledLabel {
Ref {
service: SystemInfo
}
StyledText {
id: icon
font.family: Theme.lucide.font.family
font.pixelSize: Dimensions.storage.iconSize
font.bold: true
text: Icons.hardDrive
LucideIcon {
text: Styling.lucide.icons.hardDrive
}
StyledText {

View file

@ -1,7 +1,6 @@
pragma ComponentBehavior: Bound
import qs.components
import qs.widgets
import QtQuick
import QtQuick.Layouts
import Quickshell

View file

@ -1,10 +1,10 @@
import qs.components
import qs.constants
import qs.config
StyledIconButton {
id: root
text: Icons.bluetooth
text: Styling.lucide.icons.bluetooth
onClicked: popup.toggle()

View file

@ -2,8 +2,6 @@ pragma ComponentBehavior: Bound
import qs.components
import qs.config
import qs.constants
import qs.widgets
import QtQuick
import QtQuick.Layouts
import Quickshell
@ -34,12 +32,9 @@ StyledLabel {
Loader {
active: root.modelData.batteryAvailable
sourceComponent: RowLayout {
StyledText {
LucideIcon {
id: icon
font.family: Theme.lucide.font.family
font.pixelSize: Dimensions.cpu.iconSize
font.bold: true
text: Icons.batteryFull
text: Styling.lucide.icons.batteryFull
states: [
State {
name: "full"
@ -50,7 +45,7 @@ StyledLabel {
when: root.modelData.battery > 0.33
PropertyChanges {
icon {
text: Icons.batteryFull
text: Styling.lucide.icons.batteryFull
}
}
},
@ -59,7 +54,7 @@ StyledLabel {
when: root.modelData.battery > 0.10
PropertyChanges {
icon {
text: Icons.batteryFull
text: Styling.lucide.icons.batteryFull
}
}
},
@ -68,7 +63,7 @@ StyledLabel {
when: root.modelData.battery > 0.10
PropertyChanges {
icon {
text: Icons.batteryWarning
text: Styling.lucide.icons.batteryWarning
color: Theme.palette.error
}
}

View file

@ -1,6 +1,5 @@
import qs.components
import qs.config
import qs.constants
import QtQuick
import Quickshell.Hyprland
@ -9,7 +8,7 @@ StyledIconButton {
required property HyprlandWorkspace workspace
text: Icons.triangle
text: Styling.lucide.icons.triangle
font.bold: true
font.pixelSize: 17
padding: 8
@ -32,7 +31,7 @@ StyledIconButton {
when: root.workspace.active
PropertyChanges {
root {
text: Icons.triangleDashed
text: Styling.lucide.icons.triangleDashed
rotation: 180
color: root.hovered ? Theme.palette.basecontent : Theme.palette.primary
}

View file

@ -1,5 +1,5 @@
import qs.components
import qs.constants
import qs.config
import qs.services
import QtQuick
@ -10,13 +10,13 @@ StyledIconButton {
menu.toggle();
}
text: Notifications.hasNotifications ? Icons.bell : Icons.bellRing
text: Notifications.hasNotifications ? Styling.lucide.icons.bell : Styling.lucide.icons.bellRing
states: State {
when: Notifications.hasNotifications
PropertyChanges {
root {
text: Icons.bellRing
text: Styling.lucide.icons.bellRing
}
}
}