Material Design Theme

Theme
,
1
:discourse2: Summary Material Design has been created to be easily customizable.
:eyeglasses: Preview Preview on Discourse Theme Creator
:hammer_and_wrench: Repository Link https://github.com/discourse/material-design-stock-theme
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme

Features

topic list example
topic list example1035×651 41.5 KB

posts example
posts example1035×652 89.4 KB

categories example
categories example1035×649 44.4 KB

search example
search example1035×655 28.8 KB

Color Options

indigo/orange
indigo/orange1035×651 41.5 KB

red/blue
red/blue1035×655 42.1 KB

teal/amber
teal/amber1035×652 41.4 KB

dark
dark2746×1740 457 KB

Credits

Created by @rewphus


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

Last edited by @JammyDodger 2024-06-17T12:23:49Z

Check documentPerform check on document:
99 Likes
413

Excellent. Would love to get just the create topic button as a theme component.

414

Hello,

Following the latest update of the Materiel Design Theme component

This image shows a GitHub commit log with one commit dated March 31, 2025, by user CvX, labeled "DEV: Update linting" with the branch name "main". (Captioned by AI)
This image shows a GitHub commit log with one commit dated March 31, 2025, by user CvX, labeled "DEV: Update linting" with the branch name "main". (Captioned by AI)1633×266 15.3 KB

I’m encountering an error :

The image shows a screenshot of a theme customization interface in a WordPress dashboard, which displays code snippets for various theme components. (Captioned by AI)
The image shows a screenshot of a theme customization interface in a WordPress dashboard, which displays code snippets for various theme components. (Captioned by AI)1317×767 111 KB

Discourse version : 3.5.0.beta1-dev (402ec6bf5c)

A big THANK YOU for this theme.

2 Likes
415

If you rebuild Discourse, that should fix the issue.

A fix was merged recently about it: DEV: Allow stylesheet entrypoints to use `@use` (#31905) · discourse/discourse@b1924c3 · GitHub

Maybe the theme should be pinned to v3.5.0.beta3-dev.

2 Likes
416

Thanks for your advice :slight_smile:

I’m updating Discourse (as well as the Theme components and plugins).

I’m now using the Discourse version:

3.5.0.beta3-dev

(083082f328)

…but I still get the error message :-/

For now, the forum seems to be displaying correctly…

The image shows a "Material Design Theme" sidebar with error messages indicating issues with stylesheet rules in a content management or blogging platform. (Captioned by AI)
The image shows a "Material Design Theme" sidebar with error messages indicating issues with stylesheet rules in a content management or blogging platform. (Captioned by AI)1396×577 99.2 KB

1 Like
417

@Stephane_Roy

You’re right. I tested on a production server, and the error is still showing.
I would wait for the team to take a look. I’m not sure how to fix it at the moment.

2 Likes
418

When will Google MD3 UI be supported, dear amazing developers?