Was mich überrascht hat, war, dass beim ersten Versuch, nachdem ich das Thema „Fully“ auf Meta ausgewählt hatte, das Thema try.discourse.org mit dem Thema „Fully“ angezeigt wurde. Ich gehe davon aus, dass dies ein Caching-Problem im Zusammenhang mit den Websites ist, die sich auf derselben Domain befinden.
Ist das Problem, auf das Sie hinweisen, dass das Discourse-Logo nicht durch das kleine Logo ersetzt wird, wenn auf try.discourse.org das Hamburger-Menü angeklickt wird?
Hmm – Das Navigationsfeld auf der Website try.discourse.org enthält eine zusätzliche Div mit Menü-Links (.try-header-nav-wrapper), die das Seitenlayout (nur auf dieser Website) beeinträchtigt, indem sie den Header nach rechts verschiebt, wenn das Seitenmenü ausgeblendet ist. Ich sehe jetzt, dass es sich nicht um einen Fehler im Fully-Theme handelt.
Guten Morgen!
Ich genieße es wirklich, dieses Thema für mein Forum zu verwenden, aber ich habe festgestellt, dass es, wie das Standardthema, keine Option zur Anpassung von CSS/HTML gibt. Ich möchte ein Hintergrundbild für das Thema hinzufügen. Ist das möglich?
Sie könnten dies tun, indem Sie das Menü „Customization“ (Anpassung) > „Theme“ (Thema) / „Theme Component“ (Themenkomponente) verwenden, um eine neue Themenkomponente zu erstellen und sie Ihrem Thema hinzuzufügen.
In Ihrer Themenkomponente können Sie den benutzerdefinierten Code hinzufügen, um Ihren Hintergrund hinzuzufügen.
Hallo @jordan.vidrine,
vielen Dank für Ihre Antwort. Ich glaube, ich habe das irgendwo gesehen, als ich nach „Hintergrund ändern“ gesucht habe, aber ich ging davon aus, dass dies nur innerhalb der Anpassung von CSS/HTML des Themes möglich ist.
Ich werde das ausprobieren!
Hallo Leute! Ich liebe dieses Theme! Als ich es auf meiner Website in der Vorschau angezeigt habe, hatte ich jedoch ein Problem mit dem Header der Sidebar-Navigation. Könnte der Header einfach eine andere Farbe haben (die normale Header-Farbe für die Website)?
Das hier:
Anstatt dieses:
Wie kann ich das machen? Wenn ich das CSS ändere, wird die gesamte Navigation grün.
Danke!
Sie möchten die spezifische Variable für —sidebar-color) ändern, und das ändert die Seitenleiste und den Bereich über der Seitenleiste.
Gibt es keine Möglichkeit, nur die Seitenleistenüberschrift zu ändern?
Ich habe das gleiche Problem, mein Header-Logo fällt über zwei verschiedene Farben, was seltsam aussieht.
Ich dachte, die Bearbeitung von CSS in Themes wird heutzutage nicht mehr empfohlen? Die CSS-Editor-Option wurde für Remote-Themes entfernt. Wie würden wir diese Variable ändern? Das setzt auch voraus, dass wir möchten, dass die Seitenleistenfarbe die gleiche wie die Kopfzeile ist.
Hallo, Sie können diesen Abschnitt separat vom Seitenmenü mit CSS ändern.
Dazu müssen Sie eine neue Komponente erstellen oder eine vorhandene erweitern. 
Gehen Sie zu /admin/customize/themes/
Anpassen → Themen
Klicken Sie auf die Registerkarte Komponenten und dann auf die Schaltfläche Installieren
Klicken Sie im Popup-Fenster auf die Schaltfläche Neu erstellen und geben Sie den Namen der neuen Komponente ein.
Klicken Sie auf die Schaltfläche Erstellen.
Die Komponente ist erstellt. Wählen Sie nun “Fully theme” (Vollständig Thema), um sie zu aktivieren.
Klicken Sie auf die Schaltfläche CSS/HTML bearbeiten.
Fügen Sie den folgenden Code in den Abschnitt CSS ein.
Vergessen Sie nicht, es mit der Schaltfläche Speichern unten zu speichern.
.desktop-view .has-sidebar-page .d-header-wrap::before {
background: transparent;
border-right: none;
}
Wenn Sie den rechten Rand beibehalten möchten, entfernen Sie diese Zeile aus dem Code.
Danke dafür, Don. Ich habe das Discourse-CSS jedoch noch nie geändert … wo nehme ich diese Änderung vor?
Ich habe den obigen Beitrag aktualisiert. 
Danke. Habe es gerade erledigt und alles sieht wieder gut aus 
Da das Thema jetzt so ist, ist nur noch sehr wenig Platz am rechten Rand, um dies zu tun. Ich denke, es wäre interessant, dort mehr Platz zu haben und ihn für Widgets zu nutzen.
Ich habe meinen Benutzern Zugriff auf das Theme gegeben und sie haben schnell etwas Seltsames bemerkt 
Ich verwende die Custom Header Links Theme-Komponente und mit dem anderen Theme, das ich verwende (Material Design), schrumpft das Logo, wenn Sie die Breite des Browserfensters verringern, bis zu dem Punkt, an dem die Links das Website-Logo überschreiben würden, und wird schließlich ziemlich klein, z. B.
Mit Fully schrumpft das Logo nicht, so dass Sie schließlich Folgendes erhalten:
Custom Header Links entfernt die Links und zeigt den Thema-Titel an, wenn Sie ein Thema betrachten. Der Thema-Titel überschreibt das Logo auch bei schmaleren Browserbreiten, obwohl das Logo schließlich vollständig entfernt wird, was das Problem löst.
Ich bin mir nicht sicher, ob dies ein Problem mit Fully oder mit Custom Header Links ist, aber ich beginne hier, da CHL im anderen Theme in Ordnung funktioniert.
Es scheint, dass es einen kleinen Konflikt mit discourse-full-width-component und breiteren Logos gibt.
Sie können dies schnell mit 
beheben.
Fügen Sie dies in die zuvor erstellte Komponente nach dem vorherigen Code ein, um alles an einem Ort zu haben.
Dadurch wird das Logo verkleinert.
.desktop-view .d-header .title a {
flex: auto;
}
Update: Hmm, ich glaube, es schrumpft wahrscheinlich zu sehr, wenn die Seitenleiste ausgeblendet ist… 
Ich habe es mir kurz angesehen und glaube, es hat etwas mit dem Grid zu tun. Aber ich denke, es ist besser, auf den offiziellen Weg zu warten, da ich die Benutzererfahrung des Headers nicht beeinträchtigen möchte, indem ich das Grid ändere.
@packman bitte entfernen Sie diesen Code.
Vielen Dank nochmals! Sie leisten heute wunderbare Arbeit
Hallo, Don! Ein weiteres Problem: Wenn ich es auf diese Weise ändere, sieht es im Dunkelmodus genauso aus. Wie kann ich das CSS nur für ein bestimmtes Farbschema ändern?
Das Logo wird in einem schmalen Fenster zwar sehr klein, aber das passiert auch mit benutzerdefinierten Kopfzeilenlinks, wenn das Material Design Theme verwendet wird.
Ich habe mir gerade das CSS angesehen und glaube, dass es nicht hilft, dass das Logo innerhalb von span.header-sidebar-toggle enthalten ist, obwohl das vielleicht die einzig sinnvolle Stelle für eine breitere Anzeige ist?
Hallo @Renato_Mendes 
Oh, ich verstehe, Sie möchten also nur den transparenten Hintergrund für ein Farbschema verwenden. Das wusste ich nicht.
Dafür gibt es mehrere Möglichkeiten
dark-light-choose(): Damit ist es möglich, aber in diesem Fall nicht sehr praktisch, da Variablen erstellt werden. Besser für Farben geeignet.schemeType: Diese Methode ist für diesen Anwendungsfall besser geeignet, wenn Sie sie nach Schemtyp verwenden möchten.Hier ist, wie man schemeType verwendet
Entfernen Sie den vorherigen Code aus der von Ihnen erstellten Komponente und fügen Sie den neuen in den Abschnitt Color Definitions der Komponente ein, wie Sie auf dem Bild sehen.
Dies aktiviert den Code nur für das helle Schema.
Common / Color Definitions
@if #{schemeType()} == light {
.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
Diese Komponente fügt das aktuelle Farbschema zum html hinzu, sodass Sie es mit CSS ansprechen können.
So verwenden Sie es:
Installieren Sie die Komponente.
Überprüfen Sie die ID des Farbschemas, in dem Sie Dinge ändern möchten.
Sie finden sie hier
oder
/admin/customize/colors
Farben-Seite. Hier wird beim Klicken auf ein Farbschema die ID zur URL hinzugefügt.
Jetzt können Sie dies im Code verwenden. Vergessen Sie nicht, den zuvor hinzugefügten Code zu entfernen.
html[color-scheme="your-color-scheme-id"] {
&.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
Hallo @packman Ich habe Ihnen eine PN geschickt.