🌸 Discourse Sublime Theme

[techAPJ (Arpit Jalan)]

	Summary	Sublime - A sublime theme for Discourse
	Repository Link	https://github.com/discourse/discourse-sublime-theme
	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:

• Discourse Search Banner
• Discourse Loading Slider

---

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.

[thefreekick]

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.

Dark/Light Mode Toggle

Summary 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. Repository Link https://github.com/discourse/discourse-color-scheme-toggle New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component [Kapture 2022-01-21 at 12.48.43] Options You can choose to have the toggle display in the…

[khenmu (John Sweeney)]

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!

 
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.

[danielabc (Daniela)]

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

[dax (Daniela)]

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

[techAPJ (Arpit Jalan)]

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

[quimgil]

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

[techAPJ (Arpit Jalan)]

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

[Wojtekxtx]

Extremely nice theme. Looks lovely on Retina display.
Thanks

[danielabc (Daniela)]

where i can put # there ?

[Wojtekxtx]

@danielabc
Could you please elaborate on what you mean?

[adenoe (ade)]

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

[Lilly]

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