# Graceful Theme

**URL:** https://meta.discourse.org/t/graceful-theme/93040
**Category:** Theme
**Tags:** official, graceful-theme
**Created:** [July 24, 2018, 8:09pm UTC](https://meta.discourse.org/t/graceful-theme/93040 "2018-07-24T20:09:12Z")
**Posts on this page:** 1
**Showing post:** 81

<div class="post-metadata">

### Author: ![Solari](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/solari/32/186728_2.png) [@Solari](https://meta.discourse.org/u/Solari)
#### Post date: [August 20, 2020, 8:00pm UTC](https://meta.discourse.org/t/graceful-theme/93040/81 "2020-08-20T20:00:46Z")

</div>

> [@Solari](#):
>
> I’ve noticed on mobile view the category color bars disappear. Is this on purpose and is there a way to restore it?

I dug into mobile CSS and saw it was being excluded; commenting out the “left-border” portion turned the colored borders back on:

```
.category-list-item {
// border-left: none;
  border-top: 2px solid;
  .category-name {
    font-weight: normal;
  }
}

```

However, I know this will be overwritten whenever the theme is updated. What’s the best way to keep modifications in those situations?

I do have a custom theme component where I keep custom CSS changes, this in the mobile CSS portion:

```
.category-list-item {
  border-left: 4px !important; 
}

```

…but it doesn’t show the specific category color, just a white bar. How do I get it to show the proper category color? I know it has something to do with category color variables but I can’t seem to find reference to it.

I’m a newb when it comes to CSS and such so I may be doing something wrong.

Thanks,  
Ray

---

_[View the full topic](https://meta.discourse.org/t/graceful-theme/93040)._