diff options
| -rw-r--r-- | theme/components/Panel.qml | 2 | ||||
| -rw-r--r-- | theme/components/PowerBar.qml | 47 |
2 files changed, 27 insertions, 22 deletions
diff --git a/theme/components/Panel.qml b/theme/components/Panel.qml index ebfc3eb..071f651 100644 --- a/theme/components/Panel.qml +++ b/theme/components/Panel.qml @@ -123,7 +123,7 @@ Item { text: panel.greeting color: panel.textColor font.family: "Noto Sans" - font.pixelSize: 96 + font.pixelSize: 48 wrapMode: Text.WordWrap topPadding: 8 } diff --git a/theme/components/PowerBar.qml b/theme/components/PowerBar.qml index 1e35fb1..58b65bf 100644 --- a/theme/components/PowerBar.qml +++ b/theme/components/PowerBar.qml @@ -40,35 +40,40 @@ Row { Rectangle { anchors.fill: parent radius: 10 - color: config.stringValue("surface0") - opacity: mouse.containsMouse && modelData.enabled ? 1 : 0 + color: config.stringValue("accent") + opacity: mouse.containsMouse && modelData.enabled ? 0.3 : 0 Behavior on opacity { NumberAnimation { duration: 120; easing.type: Easing.OutCubic } } } - Image { - id: icon + Item { + id: iconBox anchors.centerIn: parent width: 34 height: 34 - sourceSize.width: width - sourceSize.height: height - source: modelData.icon !== "" ? modelData.icon : modelData.fallback - visible: false - onStatusChanged: { - if (status === Image.Error && String(source) !== modelData.fallback) - source = modelData.fallback + scale: mouse.containsMouse && modelData.enabled ? 1.25 : 1.0 + Behavior on scale { NumberAnimation { duration: 120; easing.type: Easing.OutCubic } } + + Image { + id: icon + anchors.fill: parent + sourceSize.width: width + sourceSize.height: height + source: modelData.icon !== "" ? modelData.icon : modelData.fallback + visible: false + onStatusChanged: { + if (status === Image.Error && String(source) !== modelData.fallback) + source = modelData.fallback + } } - } - MultiEffect { - anchors.fill: icon - source: icon - colorization: themed ? 0.0 : 1.0 - colorizationColor: mouse.containsMouse && modelData.enabled - ? config.stringValue("accent") - : config.stringValue("subtext0") - scale: mouse.containsMouse && modelData.enabled ? 1.15 : 1.0 - Behavior on scale { NumberAnimation { duration: 120; easing.type: Easing.OutCubic } } + MultiEffect { + anchors.fill: parent + source: icon + colorization: themed ? 0.0 : 1.0 + colorizationColor: mouse.containsMouse && modelData.enabled + ? config.stringValue("accent") + : config.stringValue("subtext0") + } } MouseArea { |