navlink in dark mode

Bloke · 2024-01-29 19:41:38

Just sprucing up an ancient plugin and getting rid of PHP 8 warnings, etc.

It has its own buttons that use class="navlink" but they render in light blue text on a whiteish background when dark mode kicks in. Should the plugin be using a different class for buttons? The class definitions appear to be coming from core (may be some override somewhere in the chain?)

What am I doing wrong?

jakob · 2024-01-29 20:52:31

Might Phil’s design patterns for hive admin 4.8 and hive admin 4.9 help at all?

~~You should be able to switch between light and dark in the devtools.~~ Phil has a light/dark mode switch in the sidebar.

Bloke · 2024-01-29 21:31:39

jakob wrote #336503:

Might Phil’s design patterns for hive admin 4.8 and hive admin 4.9 help at all?

Yes and no, thank you for reminding me. The backgrounds of navlink buttons in dark mode are indeed off-white but the text is meant to be black. For some reason it’s rendering light blue in the plugin, and getting its style rule from textpattern.css in the Hive theme. That’s what’s doing my head in. --clr-a is defined as light blue in the body.darkmode block, yet in the design-pattern it’s black.

jakob · 2024-01-29 21:33:39

Is it better with class="navlink" on the anchor itself?

Bloke · 2024-01-29 22:03:21

jakob wrote #336505:

Is it better with class="navlink" on the anchor itself?

Much :)

Swear I tried that, but I must have not. Thank you so much.

jakob · 2024-01-29 22:05:27

Bloke wrote #336506:

Much :)

Swear I tried that, but I must have not. Thank you so much.

👍

Textpattern CMS

Textpattern CMS support forum

#1 2024-01-29 19:41:38