# Sublime Theme

**URL:** https://meta.discourse.org/t/sublime-theme/242048
**Category:** Theme
**Tags:** official, sublime-theme
**Created:** [October 17, 2022, 6:35am UTC](https://meta.discourse.org/t/sublime-theme/242048 "2022-10-17T06:35:20Z")
**Posts on this page:** 13
**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: [October 17, 2022, 6:35am UTC](https://meta.discourse.org/t/sublime-theme/242048/1 "2022-10-17T06:35:20Z")

</div>

| | | |
| --- | --- | --- |
| :discourse2: | **Summary** | **Sublime** - A sublime theme for Discourse |
| 🛠 | **Repository Link** | [https://github.com/discourse/discourse-sublime-theme](https://github.com/discourse/discourse-sublime-theme) |
| 📖 | **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=sublime-theme "Ask for support on configuring and using the Sublime Theme") [🐛&nbsp; **Bug**](https://meta.discourse.org/new-topic?category_id=1&tags=Sublime-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=sublime-theme "Discussion about the user interface of the Sublime Theme, and how features are presented (including language and UI elements)") [🧑‍🎨&nbsp; **Dev**](https://meta.discourse.org/new-topic?category_id=7&tags=sublime-theme "Advice on how to customise this theme for your site")

### Features

A simple and sublime theme for Discourse that is designed from scratch to integrate well with the sidebar.

### Light Mode

**Categories page:**

 ![SCR-20221017-fo9](https://global.discourse-cdn.com/meta/original/4X/2/7/2/27241d8f23dde59ff718ba82b0d9af201fd34109.jpeg)

**Latest page:**

 ![SCR-20221017-foo](https://global.discourse-cdn.com/meta/original/4X/5/7/e/57e73109195b0920acc21a7edcd17390f7263ef5.jpeg)

### Dark Mode

**Categories page:**

 ![SCR-20221017-fnr](https://global.discourse-cdn.com/meta/original/4X/e/7/1/e71a083f1c85c983e0eb4b451efe526cb5f171ca.jpeg)

**Latest page:**

 ![SCR-20221017-fng](https://global.discourse-cdn.com/meta/original/4X/5/6/0/56014601c55e06aaf003aec274b8b8e59fc6ce26.jpeg)

This theme includes the following component:

- [Discourse Loading Slider](https://meta.discourse.org/t/horizontal-loading-slider/177939)

* * *

### Tips

### Discourse Settings

Following setting changes are required for this theme to render properly:

- Enable the `enable experimental sidebar hamburger` setting
- Select **Boxes with Subcategories** option for `desktop category page style`
- Select **sublime-dark** as `default dark mode color scheme id`

### Welcome Banner

Go to **Admin \> Welcome banner** (`/admin/config/welcome-banner`) page.

- **Location** should be set to `Below site header`

  

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

> Last edited by @yuriy 2025-12-03T13:51:40Z
> 
> > **Check document**
> >
> > Perform check on document:

---

<div class="post-metadata">

### Author: ![thefreekick](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thefreekick/32/43228_2.png) [@thefreekick](https://meta.discourse.org/u/thefreekick)
#### Post date: [October 17, 2022, 8:25pm UTC](https://meta.discourse.org/t/sublime-theme/242048/2 "2022-10-17T20:25:42Z")

</div>

Nice theme.

Is the light/dark toggle in the preview part of the theme?

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

Edit: I see it’s this theme component - just checking if it’s stable with the sidebar now because it was marked as broken.

> [@Dark/Light Mode Toggle](https://meta.discourse.org/t/dark-light-mode-toggle/215585):
>
> discourse2Summary Dark/Light Mode Toggle adds a clickable toggle color scheme button in the hamburger menu. The toggle switches between a light or dark color scheme for one theme.hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-color-scheme-toggle](https://github.com/discourse/discourse-color-scheme-toggle)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 This component allows a dark/light mode toggle icon on your Discourse forum. It…

---

<div class="post-metadata">

### Author: ![khenmu](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/khenmu/32/108976_2.png) [@khenmu](https://meta.discourse.org/u/khenmu)
#### Post date: [October 17, 2022, 11:22pm UTC](https://meta.discourse.org/t/sublime-theme/242048/3 "2022-10-17T23:22:38Z")

</div>

Oh wow - that’s gorgeous. I have a new favourite theme! I know it has dependencies not currently in use here, but I would **love** to be able to use (Dark) Sublime here on Meta! 🙏

&nbsp;  
**edit:** It’s very minor, but I’m not quite sure the green used to denote the currently active home page fits the dark mode super well. It feels a bit too desaturated compared to the rest of the palette.

---

<div class="post-metadata">

### Author: ![danielabc](https://avatars.discourse-cdn.com/v4/letter/d/b9e5f3/32.png) [@danielabc](https://meta.discourse.org/u/danielabc)
#### Post date: [October 18, 2022, 4:28am UTC](https://meta.discourse.org/t/sublime-theme/242048/4 "2022-10-18T04:28:39Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/3/c/f/3cf59d78ad87d17f7e810aac4101cacf4145cac6.jpeg)

What CSS code do you use to put this white background behind the topics?

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [October 18, 2022, 11:25am UTC](https://meta.discourse.org/t/sublime-theme/242048/5 "2022-10-18T11:25:57Z")

</div>

It’s a color variable so it can change whether the site uses the light or dark color palette:

```css
body #main-outlet {
    background: var(--secondary);
}

```

---

<div class="post-metadata">

### Author: ![techAPJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/techapj/32/342990_2.png) [@techAPJ](https://meta.discourse.org/u/techAPJ)
#### Post date: [October 18, 2022, 11:34am UTC](https://meta.discourse.org/t/sublime-theme/242048/6 "2022-10-18T11:34:25Z")

</div>

> [@thefreekick](#):
>
> I see it’s this theme component - just checking if it’s stable with the sidebar now because it was marked as broken.

There are some issues reported on that component and I’ll look into fixing them. The component is not packaged by default in this theme and I’ve installed it just so users can test out both light and dark color schemes.

> [@khenmu](#):
>
> Oh wow - that’s gorgeous. I have a new favourite theme! I know it has dependencies not currently in use here, but I would **love** to be able to use (Dark) Sublime here on Meta! 🙏

Thank you! I’ll see if we can install it on meta.

> [@khenmu](#):
>
> It’s very minor, but I’m not quite sure the green used to denote the currently active home page fits the dark mode super well. It feels a bit too desaturated compared to the rest of the palette.

Noted. Can you fork the theme and experiment with different colors to see what looks better? PR is always welcome. 🙂

---

<div class="post-metadata">

### Author: ![icaria36](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/icaria36/32/426431_2.png) [@icaria36](https://meta.discourse.org/u/icaria36)
#### Post date: [October 18, 2022, 12:25pm UTC](https://meta.discourse.org/t/sublime-theme/242048/7 "2022-10-18T12:25:34Z")

</div>

Interesting! Anything to be taken into account for mobile UI?

---

<div class="post-metadata">

### Author: ![techAPJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/techapj/32/342990_2.png) [@techAPJ](https://meta.discourse.org/u/techAPJ)
#### Post date: [October 18, 2022, 12:26pm UTC](https://meta.discourse.org/t/sublime-theme/242048/8 "2022-10-18T12:26:48Z")

</div>

Mobile UI is almost vanilla except for opinionated color scheme and button styling.

---

<div class="post-metadata">

### Author: ![Wojtekxtx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wojtekxtx/32/277956_2.png) [@Wojtekxtx](https://meta.discourse.org/u/Wojtekxtx)
#### Post date: [October 18, 2022, 5:13pm UTC](https://meta.discourse.org/t/sublime-theme/242048/9 "2022-10-18T17:13:53Z")

</div>

Extremely nice theme. Looks lovely on Retina display.  
Thanks 😀

---

<div class="post-metadata">

### Author: ![danielabc](https://avatars.discourse-cdn.com/v4/letter/d/b9e5f3/32.png) [@danielabc](https://meta.discourse.org/u/danielabc)
#### Post date: [October 19, 2022, 7:59am UTC](https://meta.discourse.org/t/sublime-theme/242048/10 "2022-10-19T07:59:02Z")

</div>

where i can put # there ?

---

<div class="post-metadata">

### Author: ![Wojtekxtx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wojtekxtx/32/277956_2.png) [@Wojtekxtx](https://meta.discourse.org/u/Wojtekxtx)
#### Post date: [October 19, 2022, 12:27pm UTC](https://meta.discourse.org/t/sublime-theme/242048/11 "2022-10-19T12:27:01Z")

</div>

@danielabc  
Could you please elaborate on what you mean?

---

<div class="post-metadata">

### Author: ![adenoe](https://avatars.discourse-cdn.com/v4/letter/a/e56c9b/32.png) [@adenoe](https://meta.discourse.org/u/adenoe)
#### Post date: [October 28, 2022, 4:09am UTC](https://meta.discourse.org/t/sublime-theme/242048/12 "2022-10-28T04:09:54Z")

</div>

hi @techAPJ how can i make the main category as box? not like a list. i tried to check boxes with subcategories only change the subcategory, not the main category.

this is what look like my forum

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/8/b/68b9dde70b52071a1007832ae7657827e4f9b472.png)

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [September 30, 2023, 4:56am UTC](https://meta.discourse.org/t/sublime-theme/242048/13 "2023-09-30T04:56:29Z")

</div>

@techAPJ This is a lovely theme, thanks! Just wanted to note that it downloads the horizontal loading slider component, which is of course is now part of core. 🙂
