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

@ -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
}

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();
}

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();

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
}
}
}