Change in highlighted objects

[anon82911141]

Hi,

Discourse recently changed how things are highlighted:

Instead of a highlighted, box, version:

How would I be able to change this?

Thanks.

EDIT: Many other things were also changed, Discourse just looks weird now as if the font isn’t loading properly amongst other things, how would I revert?

[Moin]

New default nav style and simplified color scheme

What’s changing Soon our “top menu” and similarly styled navigation (sometimes referred to as nav pills) will have an updated and more consistent style throughout Discourse. Top Menu Before: [image] After: [image] Profile Menu Before: [image] After: [image] Why is it changing? This allows us to simplify our default CSS and remove the use of the “quaternary” color in the default Discourse theme. This color has been used by many themes over the years, so it will still be available f…

[anon82911141]

Hey,

Thanks. This doesn’t solve much though as the font has decreased and even increasing it in some areas is weird - is there a way to skip this, turn this off or completely downgrade? It honestly looks too corporate-like and doesn’t match the community feel.

Thanks.

[awesomerobot (Kris)]

We can’t update Discourse and also support every previous style indefinitely, we’ve got too many settings and variations as it is.

The good news is that visual styles are fairly flexible to being changed in themes, and what you’re looking for can be achieved with some additional CSS:

:root {
  --d-nav-color--hover: var(--quaternary);
  --d-nav-bg-color--hover: var(--quaternary-low);
  --d-nav-color--active: var(--secondary);
  --d-nav-bg-color--active: var(--quaternary);
  --d-nav-border-color--active: var(--primary-medium);
  --d-nav-underline-height: 0;
}


#navigation-bar li {
  font-size: var(--font-up-1);
   a {
      padding: 6px 12px;
  }
}

That gets you the same font size and colors as the previous version:

@anon82911141

Discourse just looks weird now as if the font isn’t loading properly amongst other things, how would I revert?

can you provide screenshots and describe the issue a little more? perhaps there’s a separate problem to fix? generally you can not revert

[anon82911141]

In the past, this text used to be bigger and styled, now, it just looks plain and is there’s too much padding.

This was underlined, it didn’t have borders as your suggestion sets for it to.

Text just seems unstyled, as if the CSS hasn’t rendered. Same for category picking when creating a new post.

[awesomerobot (Kris)]

@anon82911141

Text just seems unstyled,

Do you mean the wrong font is being used? or something else? generally only the font-size changed for the topic list filters, and bolding was removed from admin dashboard nav… but other than that I don’t think any font styling was changed.

You can choose to limit the scope and only revert the style in the topic list nav if you’d like, by doing:

#navigation-bar {
  --d-nav-color--hover: var(--quaternary);
  --d-nav-bg-color--hover: var(--quaternary-low);
  --d-nav-color--active: var(--secondary);
  --d-nav-bg-color--active: var(--quaternary);
  --d-nav-border-color--active: var(--primary-medium);
  --d-nav-underline-height: 0;

 li {
  font-size: var(--font-up-1);
    a {
      padding: 6px 12px;
    }
  }
}

This would get you:

and leave admin styles as they currently are:

I don’t recommend trying to customize or revert admin nav styles at the moment, as we’re in the process of making admin dashboard updates. A little more info here:

Introducing experimental admin sidebar navigation

Update: the admin sidebar is no longer experimental and is now the default navigation in core Discourse. Eventually it will be the only navigation for the admin section, so we recommend sites enable it if they have not already done so via the admin_sidebar_enabled_groups site setting. If you prefer not to use it for now you are free to disable it. The reason for the change is to reduce complexity and to make Discourse easier to set up, launch and manage especially for people who are no…

[anon82911141]

Hi,

Yes - sorry, the bolding had been removed. Ideally, the underlining should be limited to the general categories and the buttons should remain highlighted but I’ve switched to the experimental navigation sidebar as that looks a lot better so the underlining problem has been resolved kind of.

Either way, these updates don’t have that ‘playful’ and ‘community’ feel to Discourse sites, it would be amazing if there was an option to choose the appearance and each update just added itself as a variation, almost like a theme.