# Change in highlighted objects

**URL:** https://meta.discourse.org/t/change-in-highlighted-objects/314610
**Category:** Support
**Created:** [July 2, 2024, 11:45am UTC](https://meta.discourse.org/t/change-in-highlighted-objects/314610 "2024-07-02T11:45:54Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![anon82911141](https://avatars.discourse-cdn.com/v4/letter/a/a5b964/32.png) [@anon82911141](https://meta.discourse.org/u/anon82911141)
#### Post date: [July 2, 2024, 11:45am UTC](https://meta.discourse.org/t/change-in-highlighted-objects/314610/1 "2024-07-02T11:45:54Z")

</div>

Hi,

Discourse recently changed how things are highlighted:

![](https://global.discourse-cdn.com/meta/original/4X/a/0/3/a032b4c08df0bcef70a80eb3a6811a3e80a81f9c.png)

Instead of a highlighted, box, version:

![](https://global.discourse-cdn.com/meta/original/4X/d/a/3/da33abcbcfa77dd23050d4d7919484a3696c61d9.png)

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?

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [July 2, 2024, 11:48am UTC](https://meta.discourse.org/t/change-in-highlighted-objects/314610/2 "2024-07-02T11:48:39Z")

</div>

> [@New default nav style and simplified color scheme](https://meta.discourse.org/t/new-default-nav-style-and-simplified-color-scheme/312597):
>
> 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: After: 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 for…

---

<div class="post-metadata">

### Author: ![anon82911141](https://avatars.discourse-cdn.com/v4/letter/a/a5b964/32.png) [@anon82911141](https://meta.discourse.org/u/anon82911141)
#### Post date: [July 2, 2024, 11:58am UTC](https://meta.discourse.org/t/change-in-highlighted-objects/314610/3 "2024-07-02T11:58:25Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [July 2, 2024, 2:11pm UTC](https://meta.discourse.org/t/change-in-highlighted-objects/314610/4 "2024-07-02T14:11:08Z")

</div>

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:

```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:

![image](https://global.discourse-cdn.com/meta/optimized/4X/3/2/1/3218feeef583a54569961b5bca330bf7c5a62251_2_690x35.png)

> [@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

---

<div class="post-metadata">

### Author: ![anon82911141](https://avatars.discourse-cdn.com/v4/letter/a/a5b964/32.png) [@anon82911141](https://meta.discourse.org/u/anon82911141)
#### Post date: [July 2, 2024, 8:56pm UTC](https://meta.discourse.org/t/change-in-highlighted-objects/314610/5 "2024-07-02T20:56:47Z")

</div>

![](https://global.discourse-cdn.com/meta/original/4X/b/0/4/b0487759b1af873e11de18267bc90988d99025ad.png)

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

 ![](https://global.discourse-cdn.com/meta/original/4X/a/5/c/a5cdbfbe62d96f36b524c737f510d752284272da.png)

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.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [July 2, 2024, 9:14pm UTC](https://meta.discourse.org/t/change-in-highlighted-objects/314610/6 "2024-07-02T21:14:44Z")

</div>

> [@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:

```css
#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:

![image](https://global.discourse-cdn.com/meta/original/4X/1/5/6/156356d7495839a4b9ceb0d62b49e58b2708d968.png)

and leave admin styles as they currently are:

![image](https://global.discourse-cdn.com/meta/original/4X/e/f/5/ef59beb0bb5052bce35fdbf6c6e555384b811705.png)

![image](https://global.discourse-cdn.com/meta/optimized/4X/2/8/4/284b8210658db9d5cc941a620b7d3f338df02d0d_2_690x45.png)

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 admin sidebar navigation](https://meta.discourse.org/t/introducing-experimental-admin-sidebar-navigation/289281):
>
> mega Update: The old admin top navigation has been officially deprecated and removed in the 3.4 release. The sidebar navigation has seen huge improvements lately and, going forward, is the only way to navigate the Discourse admin. We have been working internally on some changes around how the navigation structure will work in the admin areas of Discourse. The first part of this work is introducing an admin sidebar. It looks like this:

---

<div class="post-metadata">

### Author: ![anon82911141](https://avatars.discourse-cdn.com/v4/letter/a/a5b964/32.png) [@anon82911141](https://meta.discourse.org/u/anon82911141)
#### Post date: [July 2, 2024, 11:03pm UTC](https://meta.discourse.org/t/change-in-highlighted-objects/314610/7 "2024-07-02T23:03:21Z")

</div>

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.
