Explicitly define the text color in the mobile menu

The elements previously implicitly inherited the text color from the surrounding HTML context rather than the element itself. This caused the colors from the content area to bleed into the mobile menu.

See https://www.woltlab.com/community/thread/295243-pro-und-kontra-neues-kontrollzentrum/?postID=1897430#post1897430 ff

diff --git a/wcfsetup/install/files/style/ui/pageMenu.scss b/wcfsetup/install/files/style/ui/pageMenu.scss
index 246aa1f82053537821d57a02ef96056f9915b876..01e5867c156daa860ecf9c08fa0f555b4caa5e54 100644 (file)
--- a/wcfsetup/install/files/style/ui/pageMenu.scss
+++ b/wcfsetup/install/files/style/ui/pageMenu.scss
@@ -19,6 +19,7 @@
        --color-indicator: #{$wcfUserMenuIndicator};
 
        background-color: var(--background-color);
+       color: var(--color);
        grid-area: content;
 }
 
@@ -117,6 +118,7 @@
        }
 
        .icon {
+               color: var(--color);
                transform: rotate(0);
        }
 
@@ -220,6 +222,10 @@
                top: 5px;
                width: 10px;
        }
+
+       .icon {
+               color: var(--color);
+       }
 }
 
 .pageMenuUserTabPanel {