Sublime Theme

AI-generated summary

The Sublime Theme is an official Discourse theme developed by the Discourse team, designed for a clean and modern look with light and dark modes. It integrates well with the sidebar and includes a horizontal loading slider component. Users can install it via the provided link, and the theme requires specific settings to function properly, such as enabling the experimental sidebar hamburger and selecting the appropriate category page style and dark mode color scheme. The theme has received positive feedback for its aesthetics, though some users have noted minor issues with the active home page indicator in dark mode and the need for a stable dark/light toggle component. Discussions include tips on customization, mobile UI, and requests for improvements, with the developer open to PRs and willing to consider implementing the theme on Meta. Discourse thefreekick khenmu danielabc techAPJ icaria36 Wojtekxtx adenoe Lilly

:discourse2: Summary Sublime - A sublime theme for Discourse
:hammer_and_wrench: Repository Link https://github.com/discourse/discourse-sublime-theme
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme

Features

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

Light Mode

Categories page:

Latest page:

Dark Mode

Categories page:

Latest page:

This theme includes the following component:


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 documentPerform check on document:
35 Likes

Nice theme.

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

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

3 Likes

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! :folded_hands:

 
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.

4 Likes

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

3 Likes

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

body #main-outlet {
    background: var(--secondary);
}
6 Likes

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.

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

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

4 Likes

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

3 Likes

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

4 Likes

Extremely nice theme. Looks lovely on Retina display.
Thanks :grinning_face:

2 Likes

where i can put # there ?

@danielabc
Could you please elaborate on what you mean?

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

@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. :slight_smile:

5 Likes