Radiant, ein elegantes Theme für Discourse

Dieses Theme strebt Minimalismus an und verfügt gleichzeitig über modernen Charme. Das gesamte Styling wird über CSS implementiert, und es wurden keine Bilder verwendet.

:rainbow: :dizzy: :rocket:

Startseite:

Themen-Seite:

Vollständige Seitensuche:

Modal:

Lassen Sie mich wissen, wie dieses Theme weiter verbessert werden kann. Viel Spaß! :smiley:

31 „Gefällt mir“

Sehr schönes Design!

Gibt es eine Möglichkeit, die Hintergrundformen und -farben anzupassen? Es wäre auch nützlich, den „Glow

3 „Gefällt mir“

Hallo,

Tolle Arbeit :heart: Dieses Theme sieht ziemlich cool aus :heart_eyes:
Ich habe einen Vorschlag für einheitlich abgerundete Ecken und Schatten. Ich meine Pop-ups, Menüs, Eingabefelder usw. Das wäre mit dem neuen Lade-Slider :heart_eyes: einfach großartig!

2 „Gefällt mir“

[quote=“Jack51, Beitrag: 2, Thema: 178552”]
Gibt es eine Möglichkeit, die Hintergrundformen/Farben anzupassen? Es wäre auch nützlich, wenn man das „Leuchten

6 „Gefällt mir“

Ich habe das Theme verbessert, um Formulareingaben, das Kopfmenü und Modals mit dem Theme-Styling konsistent zu gestalten. Der erste Beitrag wurde mit den neuesten Screenshots aktualisiert. :slight_smile:

5 „Gefällt mir“

Wunderschönes Theme. Ich werde es vielleicht bald verwenden. Danke, gute Arbeit.

2 „Gefällt mir“

Hallo, das Theme ist sehr gut. Gibt es eine Möglichkeit, den Abstand oben zu verringern (siehe Pfeil)?

2 „Gefällt mir“

Ich habe den Standardwert für margin-top auf 30px reduziert, und zwar über:

Fühlen Sie sich frei, das Theme zu forken und es nach Ihren Bedürfnissen weiter anzupassen. :slight_smile:

3 „Gefällt mir“

Persönlich finde ich, dass der kleinere Rand den Verlauf zu auffällig macht. :confused:

Könntest du mir den richtigen Weg aufzeigen, dies als Hintergrund umzusetzen? https://codepen.io/chris22smith/pen/RZogMa

1 „Gefällt mir“

Ich liebe dieses Theme absolut! Ich würde es in meinem Forum vorschlagen, wollte aber erst noch ein paar Fragen an dich stellen.

Ich nutze Discourse nicht, um Foren zu erstellen, sondern bin selbst Nutzer solcher Foren. Daher könnte einiges vielleicht falsch rüberkommen oder zu offensichtlich sein, da ich Discourse noch nie zum Bauen von etwas verwendet habe.

Gibt es Pläne, eine Dark-Mode-Version dieses Themes zu erstellen? Ich persönlich habe die Flagge „Dark-Mode für Webinhalte erzwingen“ in Edge aktiviert. Das gibt es auch für Chrome. Das hilft meistens, und hier sind einige Ergebnisse, die ich damit erzielt habe:

Insgesamt sieht es mit aktivierter Flagge ganz gut aus, aber es gibt einige Dinge, die ohne ersichtlichen Grund fehl am Platz wirken. Diese würde ich gerne angepasst bzw. für den Dark Mode behoben sehen, falls das möglich ist :)

Du müsstest nicht unbedingt alles ändern, um eine Dark-Mode-spezifische Version zu erstellen. Solange du die seltsamen Farbunterschiede auf den Profilseiten behebst, würde es mit aktivierter Flagge bereits fast einwandfrei funktionieren.

4 „Gefällt mir“

Noch nicht, aber ich werde mich darum kümmern. Ich werde jedoch auf ein anderes Farbschema zurückgreifen müssen.

Danke für die Vorschläge! Ich werde sie prüfen und die Änderungen vornehmen, sofern sie die Standard-(ursprüngliche) Lichtversion nicht beeinträchtigen. :slight_smile:

5 „Gefällt mir“

Ich habe gerade Discourse eingerichtet und konnte es kaum erwarten, es anzupassen. Ich freue mich sehr, dass ich dein Theme gefunden habe – es ist frisch, farbenfroh und wunderschön. Danke!

– ben

6 „Gefällt mir“

Wirklich schönes Theme, aber in letzter Zeit scheint dieses Theme inkompatibel mit Discourse zu sein. Die Seitenleiste ist komplett zusammengedrückt.

`

3 „Gefällt mir“

Gut bemerkt! Jetzt behoben über:

3 „Gefällt mir“

Danke, sieht cool aus und das Problem ist behoben

2 „Gefällt mir“

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

2 „Gefällt mir“

Dies ist jetzt behoben:

Danke für die Meldung dieses Problems :+1:

3 „Gefällt mir“

Ich bestätige, dass es behoben ist!

Das ging unglaublich schnell, vielen Dank!

Tolles Theme übrigens :slight_smile:

3 „Gefällt mir“

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?

1 „Gefällt mir“

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?