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

adjust theme on components

Browse source
This commit is contained in:
Benjamin Palko 2025-09-05 13:44:26 -04:00
parent a44b6f5e44
commit f7e8fb7720
13 changed files with 42 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
components/StyledButton.qml
View file

@ -8,19 +8,16 @@ Button {
property alias radius: rectangle.radius
font.pixelSize: 14
padding: 6
verticalPadding: 6
horizontalPadding: 8
palette.button: hovered ? Theme.palette.primary : Theme.palette.base100
Behavior on palette.button {
ColorAnimation {
duration: 100
}
palette.button: hovered ? Theme.palette.primary : Theme.palette.base200
ColorAnimation on palette.button {
duration: 100
}
palette.buttonText: hoverEnabled && hovered ? Theme.palette.primarycontent : Theme.palette.basecontent
Behavior on palette.buttonText {
ColorAnimation {
duration: 100
}
ColorAnimation on palette.buttonText {
duration: 100
}
wheelEnabled: true

2
components/StyledDrawer.qml
View file

@ -20,6 +20,6 @@ Drawer {
topRightRadius = 8;
}
}
color: Theme.palette.base200
color: Theme.palette.base100
}
}

36
components/StyledIconButton.qml
View file

@ -15,9 +15,9 @@ RoundButton {
property int rotation: 0
font.family: loader.font.family
font.pixelSize: 18
font.pixelSize: 19
radius: 8
padding: 6
padding: 8
HoverHandler {
cursorShape: Qt.PointingHandCursor
@ -28,34 +28,26 @@ RoundButton {
font: control.font
text: control.text
color: control.color
Behavior on color {
ColorAnimation {
duration: 100
}
ColorAnimation on color {
duration: 100
}
rotation: control.rotation
Behavior on rotation {
RotationAnimation {
duration: 200
easing.type: Easing.InOutCubic
}
RotationAnimation on rotation {
duration: 200
easing.type: Easing.InOutCubic
}
}
background: Rectangle {
id: rect
border.color: control.hovered ? Theme.palette.primary : Theme.palette.base100
Behavior on border.color {
ColorAnimation {
duration: 100
}
border.color: control.hovered ? Theme.palette.base300 : Theme.palette.base200
ColorAnimation on border.color {
duration: 100
}
border.width: 2
color: control.hovered ? Theme.palette.primary : Theme.palette.base100
Behavior on color {
ColorAnimation {
duration: 100
}
border.width: 0
color: control.hovered ? Theme.palette.primary : Theme.palette.base200
ColorAnimation on color {
duration: 100
}
radius: control.radius
}

10
components/StyledLabel.qml
View file

@ -6,11 +6,9 @@ WrapperRectangle {
id: root
margin: 8
radius: 8
color: Theme.palette.base100
Behavior on color {
ColorAnimation {
duration: 200
easing.type: Easing.InOutQuad
}
color: Theme.palette.base200
ColorAnimation on color {
duration: 200
easing.type: Easing.InOutQuad
}
}

3
components/StyledTextField.qml
View file

@ -1,8 +1,9 @@
import qs.config
import QtQuick
import QtQuick.Controls
TextField {
color: Theme.palette.basecontent
background: null
background: Item {}
}

2
components/StyledToolTip.qml
View file

@ -14,6 +14,6 @@ ToolTip {
background: Rectangle {
radius: 8
color: Theme.palette.base200
color: Theme.palette.base100
}
}

10
components/StyledWrapperRectangle.qml
View file

@ -4,11 +4,9 @@ import Quickshell.Widgets
WrapperRectangle {
radius: 8
color: Theme.palette.base300
Behavior on color {
ColorAnimation {
duration: 200
easing.type: Easing.InOutQuad
}
color: Theme.palette.base100
ColorAnimation on color {
duration: 200
easing.type: Easing.InOutQuad
}
}

4
modules/bar/Bar.qml
View file

@ -32,11 +32,11 @@ PanelWindow {
Rectangle {
id: background
anchors.fill: parent
color: Theme.palette.base300
color: Theme.palette.base100
radius: Dimensions.radius
border {
color: Theme.palette.base100
color: Theme.palette.base200
width: Dimensions.bar.border
pixelAligned: true
}

3
modules/bar/components/Caffeine.qml
View file

@ -6,7 +6,8 @@ import qs.services
StyledIconButton {
id: root
border.color: Caffeine.enabled ? Theme.palette.secondary : root.hovered ? Theme.palette.primary : Theme.palette.base100
border.width: 2
border.color: Caffeine.enabled ? Theme.palette.secondary : root.hovered ? Theme.palette.primary : Theme.palette.base300
text: Icons.coffee
onClicked: {

3
modules/drawers/dashboard/Dashboard.qml
View file

@ -4,13 +4,14 @@ import qs.components
import qs.services
import QtQuick
import QtQuick.Layouts
import Quickshell.Widgets
StyledDrawer {
id: root
visible: Visibility.dashboard
StyledWrapperRectangle {
WrapperItem {
margin: 32
ColumnLayout {
spacing: 8

1
modules/launcher/AppList.qml
View file

@ -4,7 +4,6 @@ import "items"
import "services"
import qs.components
import qs.config
import qs.widgets
import Quickshell
import QtQuick
import QtQuick.Controls

3
modules/launcher/Launcher.qml
View file

@ -1,6 +1,7 @@
pragma ComponentBehavior: Bound
import "services"
import qs.config
import qs.components
import qs.constants
import qs.services
@ -47,6 +48,8 @@ StyledWindow {
Layout.alignment: Qt.AlignTop
margin: 4
color: Theme.palette.base200
RowLayout {
LucideIcon {
id: icon

2
modules/powermenu/PowerMenu.qml
View file

@ -3,7 +3,6 @@ pragma ComponentBehavior: Bound
import qs.components
import qs.config
import qs.services
import qs.widgets
import Quickshell.Hyprland
import Quickshell.Io
import Quickshell.Wayland
@ -28,7 +27,6 @@ StyledWindow {
StyledWrapperRectangle {
id: rect
color: Theme.palette.base300
margin: 14
radius: 8