Material Design 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:
100개의 좋아요
Daemonite Material Theme
Beginner's guide to using Discourse Themes
Avatar Flair (not Badges) for Groups
How to use theme color scheme
How to adjust the location of the category logo, name and description displayed on the main page?
Floating "New topic" button
CSS Theme Contest (with Prizes!)
How can change theme like this
How is this new topic button achieved?
Topics preview gone - upgrade from 2.6 to.2.9
Contributing to Discourse
Using Discourse as a social media platform
2020: The Year in Review
Need to add copyright footer on only main page
Babble Chat
Our main screen looks very different with no top menu dropdowns, etc
[PAID] Assistance to Set-up My Forum
2019: The Year in Review
New Topic Header Button
2018: The Year in Review
Where to hire a Discourse guru?
Daemonite Material Theme
Native theme support
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개의 좋아요
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개의 좋아요
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개의 좋아요
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.

3개의 좋아요
418

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

419

What’s the difference from the “Simple” theme, other than that the font is a bit smaller?