This theme aims to be minimal and at the same time has modern appeal. The entire styling is implemented via CSS and no image has been used.
Homepage:
Topic page:
Full page search:
Modal:
Let me know how this theme can be further improved. Enjoy! 
 |
Preview | Preview on theme creator |
 |
Github Repo | discourse-radiant-theme |
 |
Install Guide | How to install a theme or theme component |
Very nice design!
Is there a way to customize the background shapes/colors? Being able to customize the “glow” of the main body on the background could be useful too.
Hello,
Amazing work 
This theme looks pretty cool 
I have one suggestion with uniform rounded corners and shadows. I mean the popups, menu, input fields etc… Will be pretty awesome with the new loading slider
No, the background is made via CSS linear gradients and adding the ability to customize it will add complexity for forum admins.
Feel free to fork the theme to further customize it as per your requirements.
Good point. I’ll add it on my list for improvements. 
I have improved the theme to make form inputs, header menu and modal consistent with the theme styling. Updated the first post with latest screenshots. 
lovely theme. i might be using this soon. thanks, good work.
I have reduced the default margin-top to 30px, via:
https://github.com/MeghnaAJ/discourse-radiant-theme/commit/d3eac88041c3e5ebc8529ac79d99193c2d285349
Feel free to fork the theme and further customize it as per your requirements.
personally i think the smaller margin makes the gradient too noticeable. 
could you lead me in the right direction to implement this as the background? https://codepen.io/chris22smith/pen/RZogMa
I absolutely love this theme, I would request it to the forum I’m on, just wanted to ask you some stuff.
I’m not someone who uses Discourse to make any forums, I’m the user of these forums, so some stuff might come out wrong, or too obvious, but I never used Discourse to build anything.
Are there any plans to make a Dark Mode version of this? I personally have the ‘Force Dark Mode for Web Contents’ flag on Edge enabled. It’s also a thing for Chrome. And it usually helps, these are some of the results I got from it.
Overall it looks fine with that flag on, but there’s some stuff that looks out of place for no obvious reason, which I would love to see adapted / fixed for Dark Mode if that’s possible :)
You woudn’t necessarily need to modify everything to make a Dark Mode specific version, as long as you fixed the weird color difference on the profile pages, it would pretty much work just fine with the flag enabled.
Not yet, but I’ll look into it. I’ll have to go with different color scheme though.
Thanks for the suggestions! I’ll look into them and make the changes if they do not affect the default (original) light version. 
I’ve just set up a Discourse and was itching to customizing it. I’m really glad I found your theme—it’s fresh, colorful, and lovely. Thanks!
– ben
Wirklich schönes Theme, aber in letzter Zeit scheint dieses Theme inkompatibel mit Discourse zu sein. Die Seitenleiste ist komplett zusammengedrückt.
`
Gut bemerkt! Jetzt behoben über:
Danke, sieht cool aus und das Problem ist behoben
Hallo
Seit dem letzten Update scheint der gesamte Inhalt auf beiden Seiten „festzustecken“. Es ist, als ob der rechte und linke Innen- oder Außenabstand fehlt
Ist das beabsichtigt? Auf den Vorschaubildern des Themas ist das nicht so. Wie kann ich das beheben?
Vielen Dank
Dies ist jetzt behoben:
Danke für die Meldung dieses Problems 
Ich bestätige, dass es behoben ist!
Das ging unglaublich schnell, vielen Dank!
Tolles Theme übrigens 
Können Sie mir helfen zu verstehen, wie ich die Farbe des blauen Akzentbalkens oben ändern kann?
Ich sehe, dass dies in desktop.scss definiert ist:
#main-outlet {
border-top: 8px solid $tertiary;
}
Wobei $tertiary meiner Annahme nach aus Variablen stammt, die von Discourse Core SCSS definiert wurden, und aus der vom Benutzer ausgewählten Farbpalette gezogen werden sollte.
Ich kann in Devtools sehen, dass der Balken auf #3977ff gesetzt ist, was Sie als blauen Balken im Screenshot unten sehen können. Aber in meiner Farbpalette habe ich eine gelbe Farbe für das “tertiary” eingestellt und nirgends eine Farbe #3977ff definiert.
Was passiert hier also und wie kann ich die Farbe einstellen?
Oh! Ich sehe, tertiary ist in about.json definiert:
"color_schemes": {
"radiant": {
"primary": "000000",
"tertiary": "3977FF",
"header_primary": "4d4d4d"
}
},
Ich nehme also an, dass es von hier den Farbwert bezieht. Aber warum sollte es diesen Wert aus diesem Schema ziehen, wenn ich das Farbschema „radiant“ nicht ausgewählt habe?