diff --git a/pages/u/[identifier].tsx b/pages/u/[identifier].tsx
index 63bc74009..c1946d59c 100644
--- a/pages/u/[identifier].tsx
+++ b/pages/u/[identifier].tsx
@@ -162,7 +162,16 @@ const ProfilePage = (props: Props) => {
       ) : null}
       {showColorSelectors ? (
         <ProfileColorSelectors
-          hide={() => setShowColorSelectors(false)}
+          hide={() => {
+            setShowColorSelectors(false);
+            const body = document.getElementsByTagName("body")[0];
+
+            for (const [key, value] of Object.entries(
+              user.profile?.colors ?? {}
+            )) {
+              body.style.setProperty(`--custom-${key}`, value);
+            }
+          }}
           previousColors={
             (user.profile?.colors as Record<string, string>) ?? undefined
           }