# Horizon Theme

**URL:** https://meta.discourse.org/t/horizon-theme/360486
**Category:** Theme
**Tags:** official, horizon-theme
**Created:** [April 7, 2025, 5:53pm UTC](https://meta.discourse.org/t/horizon-theme/360486 "2025-04-07T17:53:06Z")
**Posts on this page:** 20
**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: [April 7, 2025, 5:53pm UTC](https://meta.discourse.org/t/horizon-theme/360486/1 "2025-04-07T17:53:06Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **Summary** | Horizon is a simple, beautiful theme that improves the out-of-the-box experience for Discourse sites. |
| 👓 | **Preview** | Try it out here on Meta or [Theme Creator](https://discourse.theme-creator.io/theme/system/horizon) |
| 🛠 | **Repository** | Horizon is part of Discourse core. |
| ❓ | **Install Guide** | There is no need to install Horizon, it is preinstalled as part of Discourse core. |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

## Features

Horizon offers a simple, user friendly design. We’ve focused on ensuring members can find the information they need and participate in meaningful conversations with fewer distractions.

### Topic list with personalized welcome banner

_Categories and Latest Topics layout_

 ![horizon-categories](https://global.discourse-cdn.com/meta/original/4X/2/4/3/24316fb2efd7168486a47e2b4dcfed67b4c873b2.png)

 ![horizon-categories-dark](https://global.discourse-cdn.com/meta/original/4X/e/b/c/ebc2ba70f25f66a1c82748815184bd229110d433.png)

_Latest topics list_

 ![horizon-latest](https://global.discourse-cdn.com/meta/original/4X/3/0/d/30d4c36f46f65bb223da3bab649e9afafe77af33.png)

 ![horizon-latest-dark](https://global.discourse-cdn.com/meta/original/4X/7/e/0/7e0dd1d99ae04c15a8e5865a8333237993f9aa44.png)

### Topic cards that provide just enough information

 ![horizon-topic-card](https://global.discourse-cdn.com/meta/original/4X/b/1/3/b131bfc9aa5a85a2f4648472ec0440f27bd13493.png)

 ![horizon-topic-card-dark](https://global.discourse-cdn.com/meta/original/4X/7/3/8/738ed89f31468a2e67c1e2d521e24ae1680b010f.png)

### Easy reading with less visual noise

 ![horizon-topic](https://global.discourse-cdn.com/meta/original/4X/c/5/3/c5302ab16d7fe462eb9b355752e28210e7ead176.png)

 ![horizon-topic-dark](https://global.discourse-cdn.com/meta/original/4X/2/6/7/267048bf40625f1ebacd9c7947cfcbcf1d68e783.png)

### Custom color palettes for a unique look and feel

_Light mode_

 ![lily-light](https://global.discourse-cdn.com/meta/original/4X/0/3/f/03f5323034d7492efecc7da3c1e9c2389dc85646.png)

 ![marigold-light](https://global.discourse-cdn.com/meta/original/4X/8/0/c/80c706a02de55ec2a5f9716c48adaf23405f0204.png)

 ![clover-light](https://global.discourse-cdn.com/meta/original/4X/8/e/9/8e9c94e2d19eeb29a4391a4a2f0a1522f01c47f0.png)

 ![royal-light](https://global.discourse-cdn.com/meta/original/4X/e/9/9/e9902f2130f34720ad504fc89d306afd57fc1e95.png)

 ![horizon-light](https://global.discourse-cdn.com/meta/original/4X/3/a/8/3a8a7e7c4debe79351016ae4e8ce1b6f24e1ed2d.png)

 ![violet-light](https://global.discourse-cdn.com/meta/original/4X/a/3/e/a3e31cea2af32b2e07ba7f465efa4a11237143a9.png)

_Dark mode_

 ![lily-dark](https://global.discourse-cdn.com/meta/original/4X/9/2/0/9208b7f2a0057a66ebc572b5ccafa4eecc3e5078.png)

 ![marigold-dark](https://global.discourse-cdn.com/meta/original/4X/7/c/c/7ccbd1c8773f3d355655469e0966dc3ee1718f75.png)

 ![clover-dark](https://global.discourse-cdn.com/meta/original/4X/9/4/c/94ce8dd38dff8f3d11ed492f6952374ae3c667e1.png)

 ![royal-dark](https://global.discourse-cdn.com/meta/original/4X/8/0/b/80bf26f19b1cb8aaba19d4d9b90fe78a5f67a379.png)

 ![horizon-dark](https://global.discourse-cdn.com/meta/original/4X/b/8/5/b851e1e86c5e93224a72736ef94a55ca87c0d148.png)

 ![violet-dark](https://global.discourse-cdn.com/meta/original/4X/f/f/0/ff0b2cbd9921705acd4dba036690a1d028c54be9.png)

## Theme component / plugin compatibility

As a relatively new theme, and one that is quite opinionated in its styling, Horizon is not perfectly compatible with all theme components at this time. While we will work to ensure the most popular components are compatible with Horizon, we recommend that sites interested in customization use the Foundation theme instead.

### Compatible

_We have tested the following features with Horizon and confirmed they work. There may be opportunity for improvement; please let us know if you have ideas for how to improve compatibility. Anything not listed here is either only partially compatible, incompatible, or not yet tested._

- [Discourse Solved](https://meta.discourse.org/t/discourse-solved/30155)
- [Clickable Topic](https://meta.discourse.org/t/clickable-topic/183339)
- [DiscoTOC](https://meta.discourse.org/t/discotoc-automatic-table-of-contents/111143)

### Partial compatibility

_Please let us know if compatibility with this feature is important to you; that will help us prioritize improvements to the theme component / plugin or Horizon._

- [Brand Header](https://meta.discourse.org/t/brand-header/77977): Compatible _except_ when **Plugin outlet** is set to `below-site-header`.
- [Category Banners](https://meta.discourse.org/t/category-banners/86241): Compatible _except_ when **Plugin outlet** is set to `below-site-header`.
- [Showcased Categories](https://meta.discourse.org/t/showcased-categories/173524): Functional, but with some spacing issues. Not recommended for use with the [core welcome banner feature](https://meta.discourse.org/t/creating-a-banner-to-display-at-the-top-of-your-site/153718).
- ~~[Topic Voting](https://meta.discourse.org/t/discourse-topic-voting/40121): Vote count not visible on topic cards.~~ ➡ Use [Horizon: High Context Topic Cards](https://meta.discourse.org/t/horizon-high-context-topic-cards/393470) for votes display.
- [Versatile Banner](https://meta.discourse.org/t/versatile-banner/109133): Compatible _except_ when **Plugin outlet** is set to `below-site-header`. Not recommended for use with the [core welcome banner feature](https://meta.discourse.org/t/creating-a-banner-to-display-at-the-top-of-your-site/153718).
- [Welcome Link Banner](https://meta.discourse.org/t/welcome-link-banner/218743): Compatible _except_ when **Plugin outlet** is set to `below-site-header`.

### Incompatible

_Please let us know if compatibility with this feature is important to you; that will help us prioritize improvements to the theme component / plugin or Horizon._

- Easy Footer
- Custom Header Links

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [April 7, 2025, 8:46pm UTC](https://meta.discourse.org/t/horizon-theme/360486/2 "2025-04-07T20:46:49Z")

</div>

It took me a moment there to realize the new topic button had been moved away from the main area.

If the sidebar is hidden does that mean the only way to create a topic is via keyboard shortcut?

---

<div class="post-metadata">

### Author: ![digitaldominica](https://avatars.discourse-cdn.com/v4/letter/d/97f17d/32.png) [@digitaldominica](https://meta.discourse.org/u/digitaldominica)
#### Post date: [April 13, 2025, 5:31am UTC](https://meta.discourse.org/t/horizon-theme/360486/3 "2025-04-13T05:31:02Z")

</div>

Hi, I want to disable fullwidth view, is this no longer possible?

---

<div class="post-metadata">

### Author: ![joo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joo/32/334852_2.png) [@joo](https://meta.discourse.org/u/joo)
#### Post date: [April 13, 2025, 4:52pm UTC](https://meta.discourse.org/t/horizon-theme/360486/4 "2025-04-13T16:52:45Z")

</div>

I have two questions regarding the Horizon theme.

![chrome_2025-04-14_01-11-27](https://global.discourse-cdn.com/meta/original/4X/0/3/9/039a53dde2de543ba02a1b10256b502e9182616c.png)

First, I cannot find the paintbrush icon for Theme Settings. Could you tell me where it is located and how to make it show?

 ![The image depicts a line graph with fluctuating values, a pinned post label at 15 minutes ago, a sticky note indicating 32, a calendar icon with “名日,” and an option to report anonymous comments. (由 AI 生成标题)](https://global.discourse-cdn.com/meta/original/4X/d/a/8/da87abc769ef816707b54818b4c2b426c3c1554a.png)

Second, the display appears to be incorrect when using Chinese.

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [April 13, 2025, 6:30pm UTC](https://meta.discourse.org/t/horizon-theme/360486/5 "2025-04-13T18:30:02Z")

</div>

You’d need to make sure all of the horizon palettes are user selectable in the color palette area of the admin panel.

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [April 13, 2025, 6:31pm UTC](https://meta.discourse.org/t/horizon-theme/360486/7 "2025-04-13T18:31:27Z")

</div>

It is not possible. We’ve integrated the full width styles into the theme. We have done this for various reasons but one of them is preparatory work to bring full width setting into core.

---

<div class="post-metadata">

### Author: ![digitaldominica](https://avatars.discourse-cdn.com/v4/letter/d/97f17d/32.png) [@digitaldominica](https://meta.discourse.org/u/digitaldominica)
#### Post date: [April 13, 2025, 7:03pm UTC](https://meta.discourse.org/t/horizon-theme/360486/8 "2025-04-13T19:03:59Z")

</div>

Okay, but that’s a lot of wide space on a big screen, will the setting in the core be in the theme settings ? Will i be able to turn off the fullwidth from the settings?

---

<div class="post-metadata">

### Author: ![jimkleiber](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimkleiber/32/121814_2.png) [@jimkleiber](https://meta.discourse.org/u/jimkleiber)
#### Post date: [April 21, 2025, 4:25pm UTC](https://meta.discourse.org/t/horizon-theme/360486/10 "2025-04-21T16:25:12Z")

</div>

The one thing that seems to bother me a lot is on the main page where the category is in the bottom right corner and the username is underneath the topic title.

 ![The image displays a screenshot of a Discord-style community forum postboard webpage, featuring user discussions about features and issues related to the Discourse community platform. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/f/d/0/fd0496ef27134527263c699a25f04ae3f63b8253.png)

I find myself visually scanning every single time to the bottom right as for me, the category is much much more important than who replied last to the topic. And also I don’t seem to see any tags, those are also more important to me than who replied last. I guess unless I know a lot of people on a forum, I don’t seem to prioritize too much who replied last.

Does anyone else feel the same way?

---

<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: [April 21, 2025, 7:47pm UTC](https://meta.discourse.org/t/horizon-theme/360486/11 "2025-04-21T19:47:04Z")

</div>

![IMG_3434](https://global.discourse-cdn.com/meta/original/4X/0/6/9/069d27f3e1de183b882cbfa236aed2a73476fad3.jpeg)

The reply or like icon doesn’t work. I saw a theme where you clicked on the heart and it gave you the like. The reply button went to the last page.

twitter, facebook, reddit all work this way.

It also doesn’t display the name of the user who posted it. Having to guess who posted it from the photo is kind of weird.

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [April 22, 2025, 11:43pm UTC](https://meta.discourse.org/t/horizon-theme/360486/12 "2025-04-22T23:43:27Z")

</div>

Is there a reason that clicking the user-avatar and name doesn’t do anything? I’d expect it to open the user-card.

I’d also love to be able to switch to showing the full name, but de-selecting _prioritize username_ in site settings doesn’t change the field:

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

I recently did a PR to show full name on topic cards. I’d find it quite helpful and consistent on both views and it seems a simple check?

[https://github.com/discourse/discourse-topic-cards/pull/48](https://github.com/discourse/discourse-topic-cards/pull/48)

---

<div class="post-metadata">

### Author: ![digitaldominica](https://avatars.discourse-cdn.com/v4/letter/d/97f17d/32.png) [@digitaldominica](https://meta.discourse.org/u/digitaldominica)
#### Post date: [April 23, 2025, 2:23pm UTC](https://meta.discourse.org/t/horizon-theme/360486/13 "2025-04-23T14:23:22Z")

</div>

Hi, if i enable the sidebar in the dropdown menu, the new topic button is fixed in there is there a work around?

---

<div class="post-metadata">

### Author: ![Zer01](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zer01/32/487004_2.png) [@Zer01](https://meta.discourse.org/u/Zer01)
#### Post date: [April 25, 2025, 11:23am UTC](https://meta.discourse.org/t/horizon-theme/360486/14 "2025-04-25T11:23:59Z")

</div>

how to show the topics view count?

---

<div class="post-metadata">

### Author: ![Zer01](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zer01/32/487004_2.png) [@Zer01](https://meta.discourse.org/u/Zer01)
#### Post date: [April 25, 2025, 6:48pm UTC](https://meta.discourse.org/t/horizon-theme/360486/16 "2025-04-25T18:48:16Z")

</div>

Yes, but in all topic cards / lists

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [April 26, 2025, 2:10am UTC](https://meta.discourse.org/t/horizon-theme/360486/17 "2025-04-26T02:10:49Z")

</div>

Hmm… looking again, I don’t think this theme shows the views.

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [May 1, 2025, 2:21pm UTC](https://meta.discourse.org/t/horizon-theme/360486/18 "2025-05-01T14:21:58Z")

</div>

Thanks nolo! The PR is welcome in the theme itself. We ported the component to live inside of the theme as it is so closely related, we want to keep it all consolidated here.

> **[horizon/javascripts/discourse/components/card at main · discourse/horizon](https://github.com/discourse/horizon/tree/main/javascripts/discourse/components/card)**
>
> main/javascripts/discourse/components/card

---

<div class="post-metadata">

### Author: ![digitaldominica](https://avatars.discourse-cdn.com/v4/letter/d/97f17d/32.png) [@digitaldominica](https://meta.discourse.org/u/digitaldominica)
#### Post date: [May 13, 2025, 2:10pm UTC](https://meta.discourse.org/t/horizon-theme/360486/19 "2025-05-13T14:10:01Z")

</div>

@jordan.vidrine Can an option to change the color mode colors be placed into the theme settings?  
Options such as:  
var(–background-color)  
var(–d-content-background)

---

<div class="post-metadata">

### Author: ![digitaldominica](https://avatars.discourse-cdn.com/v4/letter/d/97f17d/32.png) [@digitaldominica](https://meta.discourse.org/u/digitaldominica)
#### Post date: [May 13, 2025, 2:22pm UTC](https://meta.discourse.org/t/horizon-theme/360486/20 "2025-05-13T14:22:40Z")

</div>

This happens on both my instance and on [meta.discourse.org](http://meta.discourse.org).

When the chat window is opened, and the composer window is launched it pushes the chat box untop of the composer window as seen below:

 ![The image shows the interface of the Discourse platform on a "Horizon Theme" page, with a chat box labeled "YOU HAVE NOT JOINED ANY CHANNELS, YET!" and various menu options visible on the left and right sides of the screen. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/d/d/4/dd4df659d49746959cb3a80e6b8bf89a1143b7d7.png)

Then when the composer is on the right side position, the chatbox is floating as shown below:

 ![This image showcases the Horizon Theme for Discourse, highlighting features for a clear and less noisy reading experience. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/5/5/e/55e80005d9cebcd202e2e3416de7089c6753adbe.jpeg)

@jordan.vidrine @Discourse

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [May 18, 2025, 2:29am UTC](https://meta.discourse.org/t/horizon-theme/360486/21 "2025-05-18T02:29:09Z")

</div>

Can the table of contents button be a circle instead of an oval? IMO it would seem more consistent 🤷 .

 ![Screenshot_20250518_102253_Chrome](https://global.discourse-cdn.com/meta/original/4X/4/7/e/47ebfadb8551ff0753b5ecb22617d10c4b6b3237.jpeg)

---

<div class="post-metadata">

### Author: ![StefanoCecere](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stefanocecere/32/158064_2.png) [@StefanoCecere](https://meta.discourse.org/u/StefanoCecere)
#### Post date: [May 19, 2025, 3:45pm UTC](https://meta.discourse.org/t/horizon-theme/360486/22 "2025-05-19T15:45:56Z")

</div>

some love is needed with the dropdown menu [GitHub - paviliondev/discourse-dropdown-header: A theme component to add links in the header with dropdowns · GitHub](https://github.com/paviliondev/discourse-dropdown-header)

or is there a discourse-supported top menu component already compatible with Horizon?

 ![Screenshot 2025-05-19 at 17.43.46](https://global.discourse-cdn.com/meta/original/4X/a/f/1/af1fa19c16107ab3d5808d5da6c89f8360feada0.png)

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [May 19, 2025, 11:06pm UTC](https://meta.discourse.org/t/horizon-theme/360486/23 "2025-05-19T23:06:40Z")

</div>

Header Submenus, perhaps 🤔?

> [@Header Submenus](https://meta.discourse.org/t/header-submenus/94584):
>
> discourse2Summary Header Submenus will allow you to build a header menu - with submenus - using plain text!eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/header-submenus)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-header-submenus](https://github.com/discourse/discourse-header-submenus)open_bookNew 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 component Features Desktop Mobile Settings Name Description Menu items Add menu items. O…

[Next page](https://meta.discourse.org/t/horizon-theme/360486.md?page=2)
