waffles: transparency

dots/.config/quickshell/ii/modules/waffle/bar/BarButton.qml

@@ -19,8 +19,11 @@ WButton {
     Layout.fillHeight: true
     topInset: 4
     bottomInset: 4
+    leftInset: 0
+    rightInset: 0
+    horizontalPadding: 8
 
-    colBackgroundBorder: ColorUtils.transparentize(Looks.colors.bg1Border, (root.checked || root.hovered) ? Looks.contentTransparency : 1)
+    colBackgroundBorder: ColorUtils.transparentize(Looks.colors.bg1Border, (root.checked || root.hovered) ? Looks.backgroundTransparency : 1)
     color: {
         if (root.down) {
             return root.colBackgroundActive

dots/.config/quickshell/ii/modules/waffle/bar/BarPopup.qml

@@ -118,7 +118,7 @@ Loader {
                 bottomMargin: root.barAtBottom ? popupWindow.sourceEdgeMargin : (root.ambientShadowWidth + root.visualMargin)
                 topMargin: root.barAtBottom ? (root.ambientShadowWidth + root.visualMargin) : popupWindow.sourceEdgeMargin
             }
-            color: Looks.colors.bg1
+            color: Looks.colors.bg1Base
             radius: Looks.radius.large
 
             // test

dots/.config/quickshell/ii/modules/waffle/bar/SystemButton.qml

@@ -50,7 +50,11 @@ BarButton {
                 visible: Battery?.available ?? false
                 iconItem: FluentIcon {
                     anchors.verticalCenter: parent.verticalCenter
-                    icon: WIcons.batteryIcon
+                    icon: WIcons.batteryLevelIcon
+                    FluentIcon {
+                        anchors.fill: parent
+                        icon: WIcons.batteryIcon
+                    }
                 }
             }
         }

dots/.config/quickshell/ii/modules/waffle/bar/TimeButton.qml

@@ -9,7 +9,8 @@ BarButton {
     id: root
 
     rightInset: 12 // For now this is the rightmost button. Desktop peek is useless. (for now)
-    padding: 12
+    leftPadding: 12
+    rightPadding: 22
 
     checked: GlobalStates.sidebarRightOpen
     onClicked: {
@@ -17,7 +18,7 @@ BarButton {
     }
 
     contentItem: Item {
-        anchors.centerIn: root.background
+        // anchors.centerIn: parent
         implicitHeight: contentLayout.implicitHeight
         implicitWidth: contentLayout.implicitWidth
         Row {

dots/.config/quickshell/ii/modules/waffle/bar/tasks/TaskPreview.qml

@@ -85,7 +85,7 @@ PopupWindow {
                 bottomMargin: root.bottom ? sourceEdgeMargin : (root.ambientShadowWidth + root.visualMargin)
                 topMargin: root.bottom ? (root.ambientShadowWidth + root.visualMargin) : sourceEdgeMargin
             }
-            color: Looks.colors.bg1
+            color: Looks.colors.bg1Base
             radius: Looks.radius.large
 
             layer.enabled: true