Hallo Meta! Ich habe ein Theme für Discourse erstellt, das sich auf klare Farbakzente und subtil differenzierte Inhaltsbereiche konzentriert, um ein angenehmes Leseerlebnis zu schaffen.
In der Desktop-Version habe ich den Avatar des Themenverfassers zusätzlich an die linke Seite des Titels verschoben, um ihm im Design eine höhere Hierarchie zu verleihen.
Es war auch spaßig, mit Serifenschriften zu spielen, und am Ende verleiht „Playfair Display" dem Theme wirklich Charakter (hehe).
Eine weitere lustige Sache ist, dass Sie, da der Theme-Header schwarz ist, einige Aspekte des Logos über die Theme-Einstellungen spielen können (Farbinvertierung, Farbtonrotation und Helligkeit).
Ich hoffe, es gefällt euch, nutzt es und forkt 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 nach „css filter hue rotation" googeln.
Logo-Helligkeit
Stellen Sie die gewünschte Helligkeit ein, die Sie zu Ihrem Logo hinzufügen möchten (wenn Sie es dunkler machen möchten, setzen Sie eine negative Zahl)
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 stehen in unseren Standard-, Business- und Enterprise-Plänen zur Verfügung.
