diff --git a/config/astal/components/bar/modules/QuickView.tsx b/config/astal/components/bar/modules/QuickView.tsx
index a883d2a..198d5cb 100644
--- a/config/astal/components/bar/modules/QuickView.tsx
+++ b/config/astal/components/bar/modules/QuickView.tsx
@@ -125,7 +125,7 @@ const BatteryWidget = () => {
     if (battery.get_is_present()) {
         return (
             <image
-                iconName={bind(battery, "iconName").as(icon => icon)}
+                iconName={bind(battery, "batteryIconName").as(icon => icon)}
                 cssClasses={["quick-view-symbol"]}
                 tooltipText={bind(battery, 'percentage').as(p => `${Math.round(p * 100)}%`)}
             ></image>
diff --git a/config/astal/util/colours.scss b/config/astal/util/colours.scss
index 2d785bb..3cc0fe7 100644
--- a/config/astal/util/colours.scss
+++ b/config/astal/util/colours.scss
@@ -1,5 +1,5 @@
-$fg-color: #E6E6E6;
-$bg-color: #141414;
+$fg-color: #C8DCFF;
+$bg-color: #0A0A0F;
 $accent-color: #645B47;
 $accent-color-2: #593521;
-$shadow-color: rgba(40, 40, 40, 0.3);
+$shadow-color: rgba(0, 0, 2, 0.3);