Navigation Color Issue

User31

When you open the nav menu, the highlighted nav menu item background shows up white.... and so does the highlighted nav menu item's text.

So all ya can ever see is a blank white rectangle, no text.

I've repeatedly tried changing the two color options in the Admin CP, and I've also tried changing the light/dark mode too. Nothing seems to fix the blank white rectangle though.
Worse still, when I disable dark mode most text throughout the site seems to change to black and no matter what Admin CP colors I try, nothing changes.

Juba007

User31 Do you have added custom CSS or a installed a theme extension?

User31

@Juba007

Themes wise: Just Fluent, Color Circles & Mobile Tab

Custom CSS wise:

/* LUCEOS' BACKGROUND IMAGE CODE BEGIN */

body {
background-image:
url("https://nzmentalhealthforum.flarum.cloud/assets/files/2024-07-22/1721629252-798601-resize-20240722-181825-5345.jpg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2") !important;

background-size: cover; background-size
background-position: center center;
background-repeat: no- repeat;
background-attachment: fixed;

}
.DiscussionPage-list { background: transparent ! important; }

/* LUCEOS' BACKGROUND IMAGE CODE END */

I've added some more CSS today, but the nav menu issue has been ongoing since around the time I added the above code.

User31

Eventually I happened to stumble on a "solution", which came about by disabling the Fluent extension for an unrelated-(to OP) reason.

Ever since doing this, the screwy color issue has ceased being a problem.

(Note: I'm not suggesting the Fluent extension was the cause.)

DaleZ

It's strange.
From
flarum/frameworkframework/core/less/common/Dropdown.less#L210
，it's actually the source of problem in your image, so disabling the Fluent theme could not fix the problem in this case, I think. Consider change your accent color to a darker color.

On the other hand, I've visited your website and found your site always keeps dark even it's in day mode. Seems like you turned the "Dark Mode" on in appearance settings, but it should be off when FoF Night Mode extension is installed.

The solutions may vary but the best way I recommend is change the accent color. Hope that helps. By the way, if you think some wrong is caused by Fluent theme, then you should tell us about it. The bug may not be solved if you tell us, but it'll never be solved if you don't do so.