Fix the appearance of the style changer button

Fixes #5539

diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss
index cc6f1fb27fdb2ec58c49bfdec85c6dae81f85e9c..84d56b4dc93ee1f51cfc9ced117d5469007a367b 100644 (file)
--- a/wcfsetup/install/files/style/layout/box.scss
+++ b/wcfsetup/install/files/style/layout/box.scss
@@ -933,10 +933,21 @@
                        }
                }
        }
+}
+
+.styleChanger {
+       float: right;
+       padding-left: 20px;
+
+       button {
+               color: var(--wcfFooterLink);
+       }
+}
 
-       .styleChanger {
-               float: right;
-               padding-left: 20px;
+@media (hover: hover) {
+       .styleChanger button:hover {
+               color: var(--wcfFooterLinkActive);
+               text-decoration: underline;
        }
 }