Hallo Meta! Ich habe ein Theme für Discourse entwickelt, das sich auf klare Farbakzente und dezunt unterscheidbare Inhaltsbereiche konzentriert, um ein angenehmes Leseerlebnis zu schaffen.
In der Desktop-Version habe ich den Avatar des Themenerstellers auch auf die linke Seite des Titels verschoben, um ihm im Design eine höhere Hierarchie zu verleihen.
Es hat auch Spaß gemacht, mit Serif-Schriften zu experimentieren, und am Ende verleiht „Playfair Display“ dem Theme wirklich einen Charakter (hehe).
Ein weiterer Spaßfaktor ist, dass Sie, da der Theme-Header schwarz ist, mit einigen Aspekten des Logos über die Theme-Einstellungen spielen können (Farbumkehr, Farbtonverschiebung und Helligkeit).
Ich hoffe, Sie genießen es, es nutzen und forken es !
Geben Sie einen Wert in Grad an, um die Farbe Ihres Logos zu ändern. Wenn Sie nicht wissen, was das ist, können Sie es auf 0 lassen oder bei Google nach „css filter hue rotation“ suchen
logo brightness
Legen Sie die Helligkeit fest, die Sie zu Ihrem Logo hinzufügen möchten (wenn Sie es dunkler machen möchten, geben Sie eine negative Zahl ein)
Wow! Tolle Vorlage! Viele der Elemente sollten ehrlich gesagt bereits in Material Theme enthalten sein, aber beide Vorlagen sind großartig. Gute Arbeit!
Ehrlich gesagt ist dies eines der besten Themes, die ich bisher gefunden habe! Vielen Dank dafür
Ich brauche nur eine kleine Hilfe, wenn es nicht zu viel Mühe macht @ruidovisual
Ich bin absoluter Anfänger in all dem, also bitte entschuldigt meine Naivität. Ich habe es geschafft, eure Datei zu forken und die Farbschemata zu ändern. Ich muss die Schriftart ändern und sehe, dass ich das tun kann, indem ich meine eigene Schriftfamilie in der SCSS-Variable importiere?
Was ich nicht herausfinden kann, ist, wie man zwei verschiedene Schriftarten festlegt: eine für Titel, Überschriften usw. und eine andere für den Fließtext.
Es wäre so toll, wenn ihr mir hier helfen könntet. Ich weiß, dass dies vielleicht völlig außerhalb des Rahmens liegt, aber es würde mir definitiv sehr viel helfen
Hey Karthikk! Schön, dass dir das Theme gefällt : )
Der einfachste Weg wäre, eine Schriftart für den Body zu definieren (ich denke, das in common.scss zu machen, wäre am besten):
body {
font-family: 'Der Name deiner Schriftartfamilie', [FALLBACKS];
}
Ich weiß nicht, ob du eigene Schriftarten hinzufügst oder Google Fonts verwendest, aber ich würde empfehlen, eine Familie aus dem Google-Katalog auszuwählen.
Vergiss nicht, [FALLBACKS] durch deine Fallbacks zu ersetzen, je nachdem, welche Art von Schriftart du gewählt hast. Weitere Informationen zu Fallback-Schriftarten findest du hier.
Was das Ändern der Schriftart für Titel und Überschriften betrifft, denke ich, hast du diesen Teil schon herausgefunden. Aber als Erinnerung: Neben dem Importieren musst du sie in Zeile 116 der variables.scss deklarieren.
Meinst du eine benutzerdefinierte Komponente für das Theme? In diesem Fall lautet die Antwort nein. Sie ist mit position: fixed vorhanden. Siehe Zeile 36 von mobile.scss
Ich wünsche dir ein schönes Wochenende und danke für deine Geduld : )
@ruidovisual Danke für die Erklärung, ich habe herausgefunden, wie man die Schriftarten ändert – vielen Dank dafür!
Ich spiele jetzt mit meiner eigenen hellen und dunklen Version des Themes herum. Ich nutze dafür die Farbpaletten, da ich so weit wie möglich auf CSS verzichten möchte.
Ich habe es geschafft, fast alles anzupassen, außer diesen beiden Elementen:
Die Statusleiste unter dem Beitrag hat in deinem Theme einen speziellen Effekt, den ich mit der Farbpalette nicht steuern kann. Wie kann ich das mit CSS anpassen? Welchen Teil muss ich gezielt ansprechen?
Danke für dieses Theme, ich liebe es bisher! Einer der angenehmsten Discourse-Stile, die ich bisher gesehen habe
Nur ein Problem: Wenn Massenoperationen in einer Kategorie durchgeführt werden, erscheinen die Kontrollkästchen nicht, daher kann ich keine mehreren Themen auswählen. Das nervt mich wirklich und ich kann das Theme wegen dieses Problems nicht regelmäßig nutzen. Könnte das behoben werden? <3
!
Von uns gehostet? Themes sind in unseren Standard-, Business- und Enterprise-Plänen verfügbar.
