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

move theme to styling

Browse source
This commit is contained in:
Benjamin Palko 2025-09-05 17:30:09 -04:00
parent 467c9bc0e3
commit 4375f6e13d
36 changed files with 68 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/LucideIcon.qml
View file

@ -5,7 +5,7 @@ Text {
font.family: Styling.lucide.font.family
font.pixelSize: 16
color: Theme.palette.basecontent
color: Styling.theme.basecontent
Behavior on color {
ColorAnimation {
duration: Styling.animations.speed.fast

4
components/StyledButton.qml
View file

@ -11,13 +11,13 @@ Button {
verticalPadding: 6
horizontalPadding: 8
palette.button: hovered ? Theme.palette.primary : Theme.palette.base200
palette.button: hovered ? Styling.theme.primary : Styling.theme.base200
Behavior on palette.button {
ColorAnimation {
duration: Styling.animations.speed.normal
}
}
palette.buttonText: hoverEnabled && hovered ? Theme.palette.primarycontent : Theme.palette.basecontent
palette.buttonText: hoverEnabled && hovered ? Styling.theme.primarycontent : Styling.theme.basecontent
Behavior on palette.buttonText {
ColorAnimation {
duration: Styling.animations.speed.normal

2
components/StyledDrawer.qml
View file

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

6
components/StyledIconButton.qml
View file

@ -6,7 +6,7 @@ RoundButton {
id: control
property alias border: rect.border
property color color: hovered ? Theme.palette.primarycontent : Theme.palette.basecontent
property color color: hovered ? Styling.theme.primarycontent : Styling.theme.basecontent
property int rotation: 0
font.family: Styling.lucide.font.family
@ -39,14 +39,14 @@ RoundButton {
background: Rectangle {
id: rect
border.color: control.hovered ? Theme.palette.base300 : Theme.palette.base200
border.color: control.hovered ? Styling.theme.base300 : Styling.theme.base200
Behavior on border.color {
ColorAnimation {
duration: Styling.animations.speed.normal
}
}
border.width: 0
color: control.hovered ? Theme.palette.primary : Theme.palette.base200
color: control.hovered ? Styling.theme.primary : Styling.theme.base200
Behavior on color {
ColorAnimation {
duration: Styling.animations.speed.normal

2
components/StyledLabel.qml
View file

@ -6,7 +6,7 @@ WrapperRectangle {
id: root
margin: 8
radius: 8
color: Theme.palette.base200
color: Styling.theme.base200
Behavior on color {
ColorAnimation {
duration: Styling.animations.speed.normal

4
components/StyledMenu.qml
View file

@ -5,8 +5,8 @@ import QtQuick.Controls
Menu {
id: root
palette.window: Theme.palette.base100
palette.base: Theme.palette.base100
palette.window: Styling.theme.base100
palette.base: Styling.theme.base100
focus: true
closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutsideParent

6
components/StyledMenuItem.qml
View file

@ -3,7 +3,7 @@ import QtQuick
import QtQuick.Controls
MenuItem {
palette.text: Theme.palette.basecontent
palette.highlight: Theme.palette.primary
palette.highlightedText: Theme.palette.primarycontent
palette.text: Styling.theme.basecontent
palette.highlight: Styling.theme.primary
palette.highlightedText: Styling.theme.primarycontent
}

6
components/StyledMenuSeparator.qml
View file

@ -3,7 +3,7 @@ import QtQuick
import QtQuick.Controls
MenuSeparator {
palette.text: Theme.palette.basecontent
palette.highlight: Theme.palette.primary
palette.highlightedText: Theme.palette.primarycontent
palette.text: Styling.theme.basecontent
palette.highlight: Styling.theme.primary
palette.highlightedText: Styling.theme.primarycontent
}

2
components/StyledPopup.qml
View file

@ -31,7 +31,7 @@ PopupWindow {
anchors.centerIn: root
implicitWidth: root.contentItem.children.reduce((prev, child) => Math.max(prev, child.width), 0)
implicitHeight: root.contentItem.children.reduce((prev, child) => prev + child.height, 0)
color: Theme.palette.base200
color: Styling.theme.base200
radius: 8
}
}

6
components/StyledProgressBar.qml
View file

@ -15,7 +15,7 @@ ProgressBar {
background: Rectangle {
implicitWidth: 200
implicitHeight: 6
color: Theme.palette.base100
color: Styling.theme.base100
radius: 8
}
@ -28,7 +28,7 @@ ProgressBar {
width: control.visualPosition * parent.width
height: parent.height
radius: 8
color: Theme.palette.primary
color: Styling.theme.primary
visible: !control.indeterminate
}
@ -41,7 +41,7 @@ ProgressBar {
Row {
Rectangle {
id: rect
color: Theme.palette.primary
color: Styling.theme.primary
width: 40
height: control.height
}

4
components/StyledSlider.qml
View file

@ -19,7 +19,7 @@ Slider {
width: control.availableWidth
height: implicitHeight
radius: 8
color: Theme.palette.base200
color: Styling.theme.base200
Rectangle {
width: control.visualPosition * parent.width
@ -29,7 +29,7 @@ Slider {
}
}
height: parent.height
color: Theme.palette.primary
color: Styling.theme.primary
radius: 8
}
}

6
components/StyledSwitch.qml
View file

@ -11,7 +11,7 @@ Switch {
text: control.text
font: control.font
opacity: enabled ? 1.0 : 0.3
color: Theme.palette.basecontent
color: Styling.theme.basecontent
elide: Text.ElideRight
verticalAlignment: Text.AlignVCenter
}
@ -31,7 +31,7 @@ Switch {
y: parent.height / 2 - height / 2
radius: 16
color: "transparent"
border.color: control.checked ? Theme.palette.primary : Theme.palette.basecontent
border.color: control.checked ? Styling.theme.primary : Styling.theme.basecontent
border.width: 2
Rectangle {
@ -46,7 +46,7 @@ Switch {
width: parent.width / 2 - indicator.padding
height: parent.height - indicator.padding
radius: 16
color: control.checked ? Theme.palette.primary : Theme.palette.basecontent
color: control.checked ? Styling.theme.primary : Styling.theme.basecontent
}
}

2
components/StyledText.qml
View file

@ -3,7 +3,7 @@ import QtQuick
Text {
font.family: Theme.fontFamily
color: Theme.palette.basecontent
color: Styling.theme.basecontent
Behavior on color {
ColorAnimation {
duration: Styling.animations.speed.fast

2
components/StyledTextField.qml
View file

@ -4,6 +4,6 @@ import QtQuick.Controls
TextField {
color: Theme.palette.basecontent
color: Styling.theme.basecontent
background: Item {}
}

6
components/StyledToolTip.qml
View file

@ -9,13 +9,13 @@ ToolTip {
contentItem: Text {
text: control.text
font: control.font
color: Theme.palette.basecontent
color: Styling.theme.basecontent
}
background: Rectangle {
radius: 8
color: Theme.palette.base100
border.color: Theme.palette.base200
color: Styling.theme.base100
border.color: Styling.theme.base200
border.width: 2
}
}

2
components/StyledWrapperRectangle.qml
View file

@ -4,7 +4,7 @@ import Quickshell.Widgets
WrapperRectangle {
radius: 8
color: Theme.palette.base100
color: Styling.theme.base100
Behavior on color {
ColorAnimation {
duration: Styling.animations.speed.fast