diff --git a/modules/Tray.qml b/modules/Tray.qml
index 3c1d4bc..afa7d5a 100644
--- a/modules/Tray.qml
+++ b/modules/Tray.qml
@@ -64,7 +64,7 @@ RowLayout {
                 M.ThemedIcon {
                     anchors.fill: parent
                     source: iconItem.modelData.icon
-                    tint: iconItem._needsAttention ? M.Theme.base08 : M.Theme.base0D
+                    tint: iconItem._needsAttention ? M.Theme.base08 : (root.parent?.accentColor ?? M.Theme.base05)
                 }
             }
 
diff --git a/modules/WindowTitle.qml b/modules/WindowTitle.qml
index 169cd6b..0b01cd6 100644
--- a/modules/WindowTitle.qml
+++ b/modules/WindowTitle.qml
@@ -76,13 +76,13 @@ M.BarSection {
         layer.enabled: true
         layer.effect: MultiEffect {
             colorization: 1.0
-            colorizationColor: M.Theme.base0D
+            colorizationColor: root.accentColor
         }
     }
 
     M.BarLabel {
         label: root._title
-        color: M.Theme.base0D
+        color: root.accentColor
         elide: Text.ElideRight
         anchors.verticalCenter: parent.verticalCenter
     }
diff --git a/modules/Workspaces.qml b/modules/Workspaces.qml
index ee7df9b..fadc42d 100644
--- a/modules/Workspaces.qml
+++ b/modules/Workspaces.qml
@@ -88,8 +88,8 @@ Row {
 
             width: M.Theme.fontSize + 4
             height: M.Theme.fontSize + 4
-            radius: M.Theme.radius
-            color: pill.active ? M.Theme.base0D : (pill._hovered ? M.Theme.base03 : M.Theme.base02)
+            radius: width / 2
+            color: pill.active ? (root.parent?.accentColor ?? M.Theme.base0D) : (pill._hovered ? M.Theme.base03 : M.Theme.base02)
             Behavior on color {
                 ColorAnimation {
                     duration: 150