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

use lucide icon font

Browse source
This commit is contained in:
Benjamin Palko 2025-07-22 15:36:30 -04:00
parent 85dbc986af
commit f28a810813
7 changed files with 41 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/lucide.woff Normal file
View file

Binary file not shown.

1
assets/triangle-alert.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert-icon lucide-triangle-alert"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 371 B

1
assets/triangle-dashed.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-dashed-icon lucide-triangle-dashed"><path d="M10.17 4.193a2 2 0 0 1 3.666.013"/><path d="M14 21h2"/><path d="m15.874 7.743 1 1.732"/><path d="m18.849 12.952 1 1.732"/><path d="M21.824 18.18a2 2 0 0 1-1.835 2.824"/><path d="M4.024 21a2 2 0 0 1-1.839-2.839"/><path d="m5.136 12.952-1 1.732"/><path d="M8 21h2"/><path d="m8.102 7.743-1 1.732"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 553 B

1
assets/triangle.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-icon lucide-triangle"><path d="M13.73 4a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 313 B

3
config/Theme.qml
View file

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

9
constants/Icons.qml Normal file
View file

@ -0,0 +1,9 @@
pragma Singleton
import QtQuick
import Quickshell
Singleton {
property string triangle: "\u{E192}"
property string triangleDashed: "\u{E642}"
}

42
modules/bar/components/hyprland/Workspace.qml
View file

@ -1,6 +1,7 @@
import QtQuick
import Quickshell.Hyprland
import "../../../../config"
import "../../../../constants/"
import "../../../../styled/"
Loader {
@ -17,28 +18,43 @@ Loader {
onClicked: modelData.activate()
Icon {
Text {
id: icon
source: "/home/baobeld/dotfiles/quickshell/assets/triangle.svg"
font.family: Theme.lucide.font.family
font.pixelSize: Dimensions.workspace.iconSize
font.bold: true
text: Icons.triangle
color: Theme.palette.basecontent
anchors.centerIn: parent
size: Dimensions.workspace.iconSize
states: State {
name: "active"
when: modelData.active
PropertyChanges {
icon {
rotation: 180
color: clickable.hovered ? Theme.palette.basecontent : Theme.palette.primary
states: [
State {
name: "focused"
when: modelData.focused
PropertyChanges {
icon {
rotation: 180
color: clickable.hovered ? Theme.palette.basecontent : Theme.palette.primary
}
}
},
State {
name: "active"
when: modelData.active
PropertyChanges {
icon {
text: Icons.triangleDashed
rotation: 180
color: clickable.hovered ? Theme.palette.basecontent : Theme.palette.primary
}
}
}
}
]
transitions: Transition {
from: ""
to: "active"
reversible: true
ParallelAnimation {
RotationAnimation {