# Hibiscus Theme

**URL:** https://meta.discourse.org/t/hibiscus-theme/117812
**Category:** Theme
**Tags:** official, hibiscus-theme
**Created:** [May 15, 2019, 2:41pm UTC](https://meta.discourse.org/t/hibiscus-theme/117812 "2019-05-15T14:41:57Z")
**Posts on this page:** 15
**Page:** 1

<div class="post-metadata">

### Author: ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/148734_2.png) [@Discourse](https://meta.discourse.org/u/Discourse)
#### Post date: [May 15, 2019, 2:41pm UTC](https://meta.discourse.org/t/hibiscus-theme/117812/1 "2019-05-15T14:41:57Z")

</div>

| | | |
| --- | --- | --- |
| :discourse2: | **Summary** | **Hibiscus** is a bright, colorful and warm Discourse theme |
| 👓 | **Preview** | [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/hibiscus-theme) |
| 🛠 | **Repository Link** | [https://github.com/discourse/discourse-theme-hibiscus](https://github.com/discourse/discourse-theme-hibiscus) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Install this theme

> [@](#):
>
> :discourse2: As this is an #official theme maintained by the Discourse team, #Support issues, #Contribute > Bug reports, #Contribute > UX suggestions, and requests for #Development advice can be made in the respective categories here on Meta, and tagged with the appropriate theme tag. Click on a link below to get one started. 👍
> 
> [❓&nbsp; **Support**](https://meta.discourse.org/new-topic?category_id=6&tags=hibiscus-theme "Ask for support on configuring and using the Hibiscus Theme") [🐛&nbsp; **Bug**](https://meta.discourse.org/new-topic?category_id=1&tags=hibiscus-theme "A bug report means something is broken, preventing normal/typical use of the theme") [👀&nbsp; **UX**](https://meta.discourse.org/new-topic?category_id=9&tags=hibiscus-theme "Discussion about the user interface of the Hibiscus Theme, and how features are presented (including language and UI elements)") [🧑‍🎨&nbsp; **Dev**](https://meta.discourse.org/new-topic?category_id=7&tags=hibiscus-theme "Advice on how to customise this theme for your site")

### Features

Hibiscus is a bright, colorful and warm Discourse theme. The name comes from the Spanish word “Jamaica” for the [Hibiscus](https://en.wikipedia.org/wiki/Hibiscus) flower. The theme supports both desktop and tablet/mobile styles.

 ![hibiscus theme example](https://global.discourse-cdn.com/meta/original/3X/f/9/f9611b2776e2a281f1b09bbc0901c95551cf1c02.png)

## Credits

Created by @sodevious

  

> :discourse2: **Hosted by us?** Themes are available to use on our Standard, Business, and Enterprise plans.

> Last edited by @JammyDodger 2024-06-17T12:04:57Z
> 
> > **Check document**
> >
> > Perform check on document:

---

<div class="post-metadata">

### Author: ![sodevious](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sodevious/32/141165_2.png) [@sodevious](https://meta.discourse.org/u/sodevious)
#### Post date: [May 15, 2019, 2:42pm UTC](https://meta.discourse.org/t/hibiscus-theme/117812/2 "2019-05-15T14:42:06Z")

</div>

If you come across any bugs, report them below and I will address them!

_PS: Your custom uploaded logo will remain intact. If you aren’t using a custom logo, your site title will appear with the styled text like the screenshot shows._

---

<div class="post-metadata">

### Author: ![Eduardo\_Braga](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eduardo_braga/32/110348_2.png) [@Eduardo\_Braga](https://meta.discourse.org/u/Eduardo_Braga)
#### Post date: [May 15, 2019, 6:08pm UTC](https://meta.discourse.org/t/hibiscus-theme/117812/9 "2019-05-15T18:08:03Z")

</div>

Can I change all the colors?

@sam creator of the theme is still old version?

---

<div class="post-metadata">

### Author: ![sodevious](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sodevious/32/141165_2.png) [@sodevious](https://meta.discourse.org/u/sodevious)
#### Post date: [May 15, 2019, 6:46pm UTC](https://meta.discourse.org/t/hibiscus-theme/117812/10 "2019-05-15T18:46:48Z")

</div>

I can work on more color support for the theme, but because it uses brighter colors in a lot of places, not all colors will look good. Will post an update regarding color support this weekend.

---

<div class="post-metadata">

### Author: ![Hanon\_Ondricek](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hanon_ondricek/32/336613_2.png) [@Hanon\_Ondricek](https://meta.discourse.org/u/Hanon_Ondricek)
#### Post date: [May 17, 2019, 2:52pm UTC](https://meta.discourse.org/t/hibiscus-theme/117812/11 "2019-05-17T14:52:13Z")

</div>

I’ve noticed when I preview Hibiscus in theme creator, it dims topics with no new messages, however on our board it does not - read and unread topics are uniformly black text.

What CSS setting could I look for to see what might be overriding this?

---

<div class="post-metadata">

### Author: ![sodevious](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sodevious/32/141165_2.png) [@sodevious](https://meta.discourse.org/u/sodevious)
#### Post date: [May 17, 2019, 3:12pm UTC](https://meta.discourse.org/t/hibiscus-theme/117812/12 "2019-05-17T15:12:48Z")

</div>

Hi @Hanon_Ondricek! Thanks for pointing that out, I can have answer/fix to you tomorrow.

---

<div class="post-metadata">

### Author: ![sodevious](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sodevious/32/141165_2.png) [@sodevious](https://meta.discourse.org/u/sodevious)
#### Post date: [May 18, 2019, 3:25pm UTC](https://meta.discourse.org/t/hibiscus-theme/117812/13 "2019-05-18T15:25:45Z")

</div>

@Hanon_Ondricek can you post a screenshot please?

I pushed an update that should make this easier by editing the primary color in the color schemes.

---

<div class="post-metadata">

### Author: ![sodevious](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sodevious/32/141165_2.png) [@sodevious](https://meta.discourse.org/u/sodevious)
#### Post date: [May 18, 2019, 4:18pm UTC](https://meta.discourse.org/t/hibiscus-theme/117812/14 "2019-05-18T16:18:44Z")

</div>

@Eduardo_Braga I just pushed an update that allows you to edit more of the colors like the background color, the header color, etc.

---

<div class="post-metadata">

### Author: ![Hanon\_Ondricek](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hanon_ondricek/32/336613_2.png) [@Hanon\_Ondricek](https://meta.discourse.org/u/Hanon_Ondricek)
#### Post date: [May 19, 2019, 1:41am UTC](https://meta.discourse.org/t/hibiscus-theme/117812/15 "2019-05-19T01:41:22Z")

</div>

Here is our default theme. Notice the topic “No TADS in IFComp 2018” is grey, meaning it has no new content. In the second one, this is not distinguishable. When previewing the theme in preview from here, it does have greyed-out topics.

[![](https://global.discourse-cdn.com/meta/original/3X/4/c/4cd880f70ecdf18ffcef4ef600cf03627a462205.png) ](https://dl.dropboxusercontent.com/s/0mh68ylxoj151hr/Screenshot%202019-05-18%2020.37.48.png?dl=0)

[![](https://global.discourse-cdn.com/meta/original/3X/4/b/4bcb45066bdf38947aed4a4417630b1595d11509.png) ](https://dl.dropboxusercontent.com/s/qgavg02y4a45420/Screenshot%202019-05-18%2020.38.59.png?dl=0)

---

<div class="post-metadata">

### Author: ![sodevious](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sodevious/32/141165_2.png) [@sodevious](https://meta.discourse.org/u/sodevious)
#### Post date: [May 19, 2019, 2:02am UTC](https://meta.discourse.org/t/hibiscus-theme/117812/16 "2019-05-19T02:02:59Z")

</div>

@Hanon_Ondricek I updated the theme this morning: [Theme Creator](https://theme-creator.discourse.org/theme/sodevious/hibiscus)  
`

 ![12](https://global.discourse-cdn.com/meta/original/3X/0/8/08f18200601e4b9b8cc132a57e6288652c4c1a76.png)

---

<div class="post-metadata">

### Author: ![keyboardstaff](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keyboardstaff/32/119694_2.png) [@keyboardstaff](https://meta.discourse.org/u/keyboardstaff)
#### Post date: [May 22, 2019, 1:31am UTC](https://meta.discourse.org/t/hibiscus-theme/117812/17 "2019-05-22T01:31:58Z")

</div>

The theme is very nice.😘

---

<div class="post-metadata">

### Author: ![Frank2](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/frank2/32/182121_2.png) [@Frank2](https://meta.discourse.org/u/Frank2)
#### Post date: [May 28, 2020, 2:04pm UTC](https://meta.discourse.org/t/hibiscus-theme/117812/18 "2020-05-28T14:04:05Z")

</div>

Love the theme, great work!  
However, I have to report a styling bug.

Small profile icon should be next to the profile pic.

It somehow goes like this:

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/2/e2bd51f2291e12327a8831376935f3ba4258f1f7.png)

If someone could provide a quick fix I would much appreciate it.

---

<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: [June 10, 2020, 10:50pm UTC](https://meta.discourse.org/t/hibiscus-theme/117812/19 "2020-06-10T22:50:04Z")

</div>

I’ve just added a fix:

[https://github.com/discourse/discourse-theme-hibiscus/commit/4dc68ebdf70493cf89b980deffb18e666f5356dd](https://github.com/discourse/discourse-theme-hibiscus/commit/4dc68ebdf70493cf89b980deffb18e666f5356dd)

---

<div class="post-metadata">

### Author: ![trasek](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/trasek/32/203305_2.png) [@trasek](https://meta.discourse.org/u/trasek)
#### Post date: [December 14, 2020, 9:52pm UTC](https://meta.discourse.org/t/hibiscus-theme/117812/20 "2020-12-14T21:52:33Z")

</div>

There is some errors with white buttons. On Admin panel too.

 ![Zrzut ekranu 2020-12-14 o 22.52.03](https://global.discourse-cdn.com/meta/original/3X/0/b/0b3d7bf40b2423ec8bad3174c0d10319444305e7.png)

---

<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: [December 15, 2020, 1:34am UTC](https://meta.discourse.org/t/hibiscus-theme/117812/22 "2020-12-15T01:34:55Z")

</div>

I fixed these issues and some other I discovered along the way, you’ll just need to update the theme. Thanks for making an account and reporting these issues!

[https://github.com/discourse/discourse-theme-hibiscus/commit/92c484fe614d4f2c5d0b6c1ed9d414d87f175066](https://github.com/discourse/discourse-theme-hibiscus/commit/92c484fe614d4f2c5d0b6c1ed9d414d87f175066)
