Modernizing the Foundation theme

How it looks on Foundation and Meta Branded:

image image

The number and arrow containers should be the same size.

2 likes

I do not see this on mobile. I assume this is desktop?

Thanks, I dug more: It’s because of the new foundation theme, which is also used on Meta Branded, and happens both on desktop and mobile.

I’m not sure if it should be moved to Modernizing the Foundation theme or not.

1 like

Made the exec decision to do so :wink:

2 likes

This has been fixed & will be updated soon

3 likes

On dark theme, the active state on certain buttons (mostly visible with keyboard navigation, only transient when using mouse/touch) is dark purple on dark background and harsh to the eyes:
image

Red hover state as well:
image

But the worst is the “danger” button with a red background and dark text:
image

Perhaps simply tweaking the red value/brightness would fix the 2nd and 3rd points.

2 likes

Is this only on this meta theme?

Yeah. On foundation:

active
image

hover
image

danger
image

Better contrasts than Meta Branded.

2 likes

This is still the case:

Are there any plans to adjust the borders of the buttons when using the WCAG color palette? I currently find the thin, very light border difficult to see, so in some places it looks to me like there are just icons floating around rather than buttons. This wasn’t a problem with the previous solid-gray buttons.

I also felt similar when the shadow below the header was removed and when the colored line at the top of the composer was removed. But while those are clear zones of my screen, the buttons are at different places, which makes the fact that they are difficult to tell apart from their surroundings more difficult for me.

Text fields in the settings, for example, have a darker outline:

I also noticed that this seems to break the styling of the category security:

The group selection for the upcoming change also looks unusually large in the new design:


1 like

I think the navbar text size is too small on mobile (less legible than it looks like in the screenshot as it’s at the top of the page). The Suggested/Related font is too small too.

Old font sizes are good:

See also

i think this is clearly a matter of taste because i think exactly the opposite of the old vs new. the old foundation fonts and buttons feel too chunky, while the new foundation sleeker elements look much nicer in the overall layout comparitively. i have no complaints about functional usage on desktop or mobile, nor have any of my users since i enabled it. :woman_shrugging:t2:

i think you could give feedback to your admins as well and perhaps they could create another theme with the old changes? enlarging those fonts you indicated isn’t difficult with css. or you could use a stylus type scripting browser extension to add your own mods (i do that with all the discourse sites i visit, including this one).

edit:

for example, something like these:

topic header text

.extra-info-wrapper .topic-link {
    font-size: larger;
}

related/suggest topic footer buttons see also below

.more-topics__container .nav {
    font-size: larger;
}
3 likes

Theres a small gap under the Related button


Becomes more obvious if the font size is increased

Stylus

.more-topics__container .nav .d-button-label {
   font-size: 150%;
}


yea that is why i said “something like”, because they may have some other things going on with their theme. i was using meta, not Rust forum. i’ll have a look for you because i am nice. but i have to wait until there is some new and unread items to get the full footer header. i assume from the screenshot with avatar that that is in mobile viewport?

1 like

The quirk is visible here

OK this looks like a UX bug with the new foundation theme and the injected AI related topic button. the button classes are a bit different:

image

but this will fix it a bit - can patch it with some padding and line-height adjustment:

.more-topics__container .nav li .btn {
  padding: .5em;
  line-height: 0;
}

desktop:

Screenshot from 2026-05-02 20-18-28

Screenshot from 2026-05-02 20-18-34

mobile:

Screenshot from 2026-05-02 20-22-43

Screenshot from 2026-05-02 20-22-47