baobeld/lux-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

move lucide to Styling

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
components/LucideIcon.qml
View file

@ -2,13 +2,13 @@ import qs.config
import QtQuick
Text {
font.family: Styling.lucide.font.family
font.pixelSize: 16
color: Theme.palette.basecontent
Behavior on color {
ColorAnimation {
duration: Styling.animations.speed.fast
}
}
font.family: Theme.lucide.font.family
font.pixelSize: Dimensions.gpu.iconSize
font.bold: true
}

7
components/MprisController.qml
View file

@ -2,7 +2,6 @@ pragma ComponentBehavior: Bound
import qs.components
import qs.config
import qs.constants
import QtQuick
import QtQuick.Layouts
import Quickshell.Services.Mpris
@ -29,21 +28,21 @@ Loader {
Layout.alignment: Qt.AlignHCenter
StyledIconButton {
id: backButton
text: Icons.skipBack
text: Styling.lucide.icons.skipBack
onClicked: {
root.player.previous();
}
}
StyledIconButton {
id: playPauseButton
text: root.player.isPlaying ? Icons.pause : Icons.play
text: root.player.isPlaying ? Styling.lucide.icons.pause : Styling.lucide.icons.play
onClicked: {
root.player.isPlaying = !root.player.isPlaying;
}
}
StyledIconButton {
id: forwardButton
text: Icons.skipForward
text: Styling.lucide.icons.skipForward
onClicked: {
root.player.next();
}

6
components/MprisPlayerSelector.qml
View file

@ -1,5 +1,5 @@
import qs.config
import qs.components
import qs.constants
import qs.services
import QtQuick
import QtQuick.Layouts
@ -13,7 +13,7 @@ RowLayout {
id: previousPlayerButton
visible: Mpris.players.length > 1
text: Icons.chevronLeft
text: Styling.lucide.icons.chevronLeft
onClicked: {
Mpris.previousPlayer();
@ -42,7 +42,7 @@ RowLayout {
id: nextPlayerButton
visible: Mpris.players.length > 1
text: Icons.chevronRight
text: Styling.lucide.icons.chevronRight
onClicked: {
Mpris.nextPlayer();

9
components/StyledIconButton.qml
View file

@ -5,16 +5,11 @@ import QtQuick.Controls
RoundButton {
id: control
FontLoader {
id: loader
source: "../assets/lucide.woff"
}
property alias border: rect.border
property color color: hovered ? Theme.palette.primarycontent : Theme.palette.basecontent
property int rotation: 0
font.family: loader.font.family
font.family: Styling.lucide.font.family
font.pixelSize: 19
radius: 8
padding: 8
@ -37,7 +32,7 @@ RoundButton {
Behavior on rotation {
RotationAnimation {
duration: Styling.animations.speed.slow
easing.type: Easing.InOutCubic
easing.type: Easing.OutQuad
}
}
}

44
config/Styling.qml
View file

@ -6,6 +6,7 @@ import Quickshell
Singleton {
id: root
readonly property Lucide lucide: Lucide {}
readonly property Animations animations: Animations {}
component Animations: QtObject {
@ -18,4 +19,47 @@ Singleton {
property int slow: 400
property int verySlow: 1000
}
component Lucide: Item {
readonly property alias font: loader.font
readonly property LucideIcons icons: LucideIcons {}
FontLoader {
id: loader
source: "../assets/lucide.woff"
}
}
component LucideIcons: QtObject {
property string batteryCharging: "\u{E058}"
property string batteryFull: "\u{E059}"
property string batteryMedium: "\u{E05b}"
property string batteryLow: "\u{E05a}"
property string batteryWarning: "\u{E3b0}"
property string bell: "\u{E05d}"
property string bellRing: "\u{E224}"
property string bluetooth: "\u{E060}"
property string bluetoothConnected: "\u{E1b8}"
property string brickWall: "\u{E586}"
property string coffee: "\u{E09a}"
property string chevronLeft: "\u{E072}"
property string chevronRight: "\u{E073}"
property string cpu: "\u{E0ad}"
property string gpu: "\u{E66f}"
property string hardDrive: "\u{E0f1}"
property string memoryStick: "\u{E44a}"
property string pause: "\u{E132}"
property string play: "\u{E140}"
property string search: "\u{E155}"
property string skipBack: "\u{E163}"
property string skipForward: "\u{E164}"
property string stop: "\u{E132}"
property string square: "\u{E16B}"
property string wifiOff: "\u{E1af}"
property string wifiLow: "\u{E5fd}"
property string wifiHigh: "\u{E5fc}"
property string wifi: "\u{E1ae}"
property string triangle: "\u{E192}"
property string triangleDashed: "\u{E642}"
}
}

3
config/Theme.qml
View file

@ -8,9 +8,6 @@ import Quickshell.Io
Singleton {
id: root
property var lucide: FontLoader {
source: "../assets/lucide.woff"
}
property string fontFamily: "JetBrainsMono Nerd Font"
property var palette: theme.palette

36
constants/Icons.qml
View file

@ -1,36 +0,0 @@
pragma Singleton
import Quickshell
Singleton {
property string batteryCharging: "\u{E058}"
property string batteryFull: "\u{E059}"
property string batteryMedium: "\u{E05b}"
property string batteryLow: "\u{E05a}"
property string batteryWarning: "\u{E3b0}"
property string bell: "\u{E05d}"
property string bellRing: "\u{E224}"
property string bluetooth: "\u{E060}"
property string bluetoothConnected: "\u{E1b8}"
property string brickWall: "\u{E586}"
property string coffee: "\u{E09a}"
property string chevronLeft: "\u{E072}"
property string chevronRight: "\u{E073}"
property string cpu: "\u{E0ad}"
property string gpu: "\u{E66f}"
property string hardDrive: "\u{E0f1}"
property string memoryStick: "\u{E44a}"
property string pause: "\u{E132}"
property string play: "\u{E140}"
property string search: "\u{E155}"
property string skipBack: "\u{E163}"
property string skipForward: "\u{E164}"
property string stop: "\u{E132}"
property string square: "\u{E16B}"
property string wifiOff: "\u{E1af}"
property string wifiLow: "\u{E5fd}"
property string wifiHigh: "\u{E5fc}"
property string wifi: "\u{E1ae}"
property string triangle: "\u{E192}"
property string triangleDashed: "\u{E642}"
}

3
modules/bar/components/Caffeine.qml
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();

11
modules/bar/components/Cpu.qml
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
}

11
modules/bar/components/Gpu.qml
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
}

9
modules/bar/components/Memory.qml
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 {

15
modules/bar/components/Network.qml
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
}
}
}

11
modules/bar/components/Power.qml
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;
}
}

4
modules/bar/components/Pywal.qml
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;

11
modules/bar/components/Storage.qml
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 {

1
modules/bar/components/bluetooth/AvailableDevice.qml
View file

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

4
modules/bar/components/bluetooth/Bluetooth.qml
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()

15
modules/bar/components/bluetooth/ConnectedDevice.qml
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
}
}

5
modules/bar/components/hyprland/Workspace.qml
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
}

6
modules/bar/components/notifications/Notifications.qml
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
}
}
}

3
modules/launcher/Launcher.qml
View file

@ -3,7 +3,6 @@ pragma ComponentBehavior: Bound
import "services"
import qs.config
import qs.components
import qs.constants
import qs.services
import Quickshell.Hyprland
import Quickshell.Wayland
@ -54,7 +53,7 @@ StyledWindow {
LucideIcon {
id: icon
Layout.leftMargin: 8
text: Icons.search
text: Styling.lucide.icons.search
}
StyledTextField {

3
modules/pomodoro/Pomodoro.qml
View file

@ -2,7 +2,6 @@ pragma ComponentBehavior: Bound
import qs.components
import qs.config
import qs.constants
import qs.services
import qs.widgets
import Quickshell.Hyprland
@ -69,7 +68,7 @@ StyledWindow {
radius: 9999
focus: root.visible
text: Pomodoro.running ? Icons.square : Icons.play
text: Pomodoro.running ? Styling.lucide.icons.square : Styling.lucide.icons.play
font.pixelSize: 48
background: Item {}

3
modules/storybook/Storybook.qml
View file

@ -2,7 +2,6 @@ pragma ComponentBehavior: Bound
import qs.components
import qs.config
import qs.constants
import qs.services
import Quickshell.Hyprland
import Quickshell.Wayland
@ -57,7 +56,7 @@ StyledWindow {
font.pixelSize: 18
}
StyledIconButton {
text: Icons.square
text: Styling.lucide.icons.square
}
}