🌸 Discourse Sublime Theme

:discourse2: Summary Sublime - A sublime theme for Discourse
:eyeglasses: Preview https://sublime.demo-by-discourse.com
: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

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 components:


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

Discourse Search Banner

For the discourse-search-banner theme component set plugin-outlet to below site header.

28 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! :pray:

 
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);
}
5 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:

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