diff --git a/.config/quickshell/modules/common/widgets/FloatingActionButton.qml b/.config/quickshell/modules/common/widgets/FloatingActionButton.qml
index 2f618437f..bc6031e79 100644
--- a/.config/quickshell/modules/common/widgets/FloatingActionButton.qml
+++ b/.config/quickshell/modules/common/widgets/FloatingActionButton.qml
@@ -16,9 +16,9 @@ RippleButton {
     implicitWidth: Math.max(contentRowLayout.implicitWidth + 10 * 2, baseSize)
     implicitHeight: baseSize
     buttonRadius: Appearance.rounding.small
-    colBackground: Appearance.colors.colSecondaryContainer
-    colBackgroundHover: Appearance.colors.colSecondaryContainerHover
-    colRipple: Appearance.colors.colSecondaryContainerActive
+    colBackground: Appearance.colors.colPrimaryContainer
+    colBackgroundHover: Appearance.colors.colPrimaryContainerHover
+    colRipple: Appearance.colors.colPrimaryContainerActive
     contentItem: RowLayout {
         id: contentRowLayout
         property real horizontalMargins: (root.baseSize - icon.width) / 2
@@ -34,7 +34,7 @@ RippleButton {
             Layout.fillWidth: true
             horizontalAlignment: Text.AlignHCenter
             iconSize: 24
-            color: Appearance.colors.colOnLayer1
+            color: Appearance.colors.colOnPrimaryContainer
             text: root.iconText
         }
         Loader {
@@ -50,7 +50,7 @@ RippleButton {
                         leftMargin: root.elementSpacing
                     }
                     text: root.buttonText
-                    color: Appearance.colors.colOnLayer1
+                    color: Appearance.colors.colOnPrimaryContainer
                     font.pixelSize: 14
                     font.weight: 450
                 }