diff --git a/dots/.config/quickshell/ii/modules/ii/overlay/OverlayBackground.qml b/dots/.config/quickshell/ii/modules/ii/overlay/OverlayBackground.qml
index d91e4cbba..205307cab 100644
--- a/dots/.config/quickshell/ii/modules/ii/overlay/OverlayBackground.qml
+++ b/dots/.config/quickshell/ii/modules/ii/overlay/OverlayBackground.qml
@@ -4,5 +4,5 @@ import qs.modules.common
 Rectangle {
     id: contentItem
     anchors.fill: parent
-    color: Appearance.colors.colSurfaceContainer
+    color: Appearance.m3colors.m3surfaceContainer
 }
diff --git a/dots/.config/quickshell/ii/modules/ii/overlay/StyledOverlayWidget.qml b/dots/.config/quickshell/ii/modules/ii/overlay/StyledOverlayWidget.qml
index 949cd2380..2cae47e9e 100644
--- a/dots/.config/quickshell/ii/modules/ii/overlay/StyledOverlayWidget.qml
+++ b/dots/.config/quickshell/ii/modules/ii/overlay/StyledOverlayWidget.qml
@@ -190,7 +190,7 @@ AbstractOverlayWidget {
             fill: parent
             margins: root.resizeMargin
         }
-        color: ColorUtils.transparentize(Appearance.colors.colLayer1, (root.fancyBorders && GlobalStates.overlayOpen) ? 0 : 1)
+        color: ColorUtils.transparentize(Appearance.colors.colLayer1Base, (root.fancyBorders && GlobalStates.overlayOpen) ? 0 : 1)
         radius: root.radius
         border.color: ColorUtils.transparentize(Appearance.colors.colOutlineVariant, GlobalStates.overlayOpen ? 0 : 1)
         border.width: 1