Luft-Thema

[tynaut (Ty Correll)]

[quote=“Danielle Schwerin, post:462, topic:197703, username:dschwerin-teachforau”]
Wir möchten diese Abkürzungen wirklich aktualisieren können, da wir viele Kategorien mit ähnlichen Namen haben (die Namen sind Iterationen basierend auf Klassen-/Jahrgangsstufen), sodass sie ähnliche Abkürzungen erhalten. Außerdem sind die Abkürzungen für unsere Community nicht sehr aussagekräftig.
[/quote]Sie können die Abkürzungen durch Bilder ersetzen:
Klicken Sie auf die Kategorie → Schraubenschlüsselsymbol → Bilder

Und wenn Sie nur Abkürzungen ausblenden möchten, können Sie eine Komponente erstellen und etwas Ähnliches wie das Folgende CSS anwenden:

.custom-category-boxes:not(.above-discovery-categories-outlet) .category-box .category-box-inner {
    .category-logo.no-logo-present {
        display: none;

        & + .category-details {
            grid-column: 1/3;
            padding: 1em 1.5em;
            width: 100%;
        }
    }
}

Vorher:

Nachher:

[digitaldominica]

Hallo @jordan.vidrine Wie kann ich Unterkategorien in der modernen Kategoriebox anzeigen? Ich habe Boxen und Unterkategorien ausgewählt, aber ich sehe sie nicht? Wurde diese Option nicht zur Komponente hinzugefügt?

[jordan.vidrine]

Sie sind standardmäßig ausgeblendet. Um sie anzuzeigen, müssen Sie sie über benutzerdefiniertes CSS in einer Themenkomponente einblenden.

[digitaldominica]

Danke, das habe ich herausgefunden, nachdem ich das Repository geforkt hatte. Mein Problem ist gelöst.

[Kevin7 (Kévin .)]

Hallo @jordan.vidrine, zuerst einmal herzlichen Glückwunsch zu Ihrem Theme, das sehr angenehm zu verwenden ist. Ich bin jedoch neu bei Discourse und kenne mich noch nicht sehr gut aus, möchte aber CSS hinzufügen, finde aber den Button zum Hinzufügen von benutzerdefiniertem CSS nicht? Sollte ich ein Plugin hinzufügen, um dies zu tun, da ich es beim Standard-Theme direkt im Theme tun konnte? Vielen Dank im Voraus

[jordan.vidrine]

Informationen zur Anpassung Ihres Discourse finden Sie hier → Beginner's guide to using Discourse Themes

[ErlendMS (Erlend Markussen Saltnes)]

Ich bin eine weitere Person, die das Thema mag, und beginne meine Frage mit „Danke“ und „Gut gemacht“!

Meine Frage ist: Gibt es eine Möglichkeit, eine Standard-Dunkelmodus-Farbpalette festzulegen?

Hier ist, wie es aussieht (mit einer schlechten norwegischen Übersetzung, sorry), wo ich das Standardthema festgelegt habe, das ein Lichtmodus ist:

Ich habe benutzerdefinierte Paletten für den Licht- und Dunkelmodus erstellt (die als vom Benutzer auswählbar aktiviert sind, und das funktioniert), aber ich kann Air-Light und Air-Dark nicht deaktivieren. Und wenn ich die Seite im Inkognito-Modus aufrufe, mit aktiviertem Dunkelmodus auf dem Gerät, wird mir Air-Dark angezeigt.

---

Oh, und noch eine Frage: Wo soll sich der Dunkel-Hell-Schema-Umschalter befinden?

Wenn ich auf das Profilbild oben rechts klicke, erhalte ich dies, wenn ich als Testbenutzer angemeldet bin:

Und dies, wenn ich als Administrator angemeldet bin:

Hier ist ein Link zu meiner Website, die noch lange nicht fertig ist, falls das beim Nachschauen hilft. Danke!

[jordan.vidrine]

@ErlendMS

Ich habe benutzerdefinierte Paletten für den Hell- und Dunkelmodus erstellt (die als vom Benutzer wählbar aktiviert sind, und das funktioniert), aber ich kann Air-Light und Air-Dark nicht deaktivieren. Und wenn ich die Website im Inkognito-Modus aufrufe, mit aktiviertem Dunkelmodus auf dem Gerät, wird mir Air-Dark angezeigt.

Haben Sie diese Richtlinien befolgt?

@jordan-vidrine

Damit dies ordnungsgemäß funktioniert, müssen in Ihrem Bereich https://discourse.jordanvidrine.com/admin/customize/colors mindestens 2 Farbschema-Optionen aktiviert sein. Mindestens zwei Farben müssen die Option Farbschema kann von Benutzern ausgewählt werden aktiviert haben.

Sobald dies geschehen ist, sollten Benutzer in der Lage sein, zwischen zwei Farbschemata als ihre hellen und dunklen Voreinstellungen in ihrem Benutzereinstellungsmenü zu wählen.

@ErlendMS

Oh, und noch eine Frage: Wo soll sich der Dunkel-Hell-Schema-Umschalter befinden?

Dieses Thema befasst sich mit der im Air-Theme installierten Dunkel-Hell-Modus-Umschaltkomponente. Sie sollte Ihnen dort weiterhelfen. Sie können sie in der Seitenleiste oder im Header platzieren.

Dark/Light Mode Toggle

Summary Dark/Light Mode Toggle adds a clickable toggle color scheme button in the hamburger menu. The toggle switches between a light or dark color scheme for one theme. Repository Link https://github.com/discourse/discourse-color-scheme-toggle New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features This component allows a dark/light mode toggle icon on your Discourse forum. It…

[ErlendMS (Erlend Markussen Saltnes)]

Ja, der Benutzer kann den Hell- und Dunkelmodus problemlos auswählen. Woran ich arbeite, ist, was ein neuer Benutzer sehen würde. Die Standardeinstellung vor der Auswahl.

Wenn ein neuer Benutzer auf die Website kommt und den Hellmodus auf seinem Gerät aktiviert hat, erhält er die Palette, die ich im Screenshot eingestellt habe. Aber wenn er den Dunkelmodus auf seinem Gerät aktiviert hat, erhält er Air-Dark. Das möchte ich ändern.

---

Danke für den Link zur Komponente! Ich wusste nicht, dass es eine separate Komponente ist.

[jordan.vidrine]

@ErlendMS

Aber wenn sie den Dark Mode auf dem Gerät haben, bekommen sie Air-Dark. Das möchte ich ändern.

Was möchten Sie den Benutzern im Dark Mode anzeigen?

[ErlendMS (Erlend Markussen Saltnes)]

Ok, ich habe vier Paletten installiert/aktiviert:

• Mine-Light
• Mine-Dark
• Air-Light
• Air-Dark

(Ich möchte die letzten beiden deaktivieren können, aber das ist ein separates Problem. Sie sind schön! Aber ich erstelle ein Forum für ein Fußballteam und habe Paletten erstellt, die den Trikotfarben entsprechen. )

Ich konnte Mine-Light als Standardpalette festlegen – wenn also ein neuer Benutzer die Website mit aktiviertem Light-Modus auf seinem Gerät aufruft, wird ihm diese angezeigt.

Aber hier ist das Problem: Wenn ein neuer Benutzer die Website mit aktiviertem Dark-Modus auf seinem Gerät aufruft, wird ihm Air-Dark angezeigt. Und ich möchte, dass es Mine-Dark ist. (Um das jetzt zu erhalten, müssen sie es manuell in den Einstellungen auswählen.)

[jordan.vidrine]

Welches Schema hast du hier eingestellt? → admin/site_settings/category/all_results?filter=dark%20mode

[ErlendMS (Erlend Markussen Saltnes)]

Ooh, das hat funktioniert, mein bevorzugtes Schema einzustellen – danke!

Ein bisschen seltsam, dass ich dort (Website-Einstellungen ➔ Grundlagen) nur den Standard-Dunkel-Modus einstellen konnte – und in den Theme-Einstellungen nur den Standard-Hell-Modus.

Ich würde erwägen, eine kleine Notiz, vorzugsweise mit einem Link, unter der Stelle hinzuzufügen, an der Sie den Hell-Modus in Ihren Theme-Einstellungen festlegen. So etwas wie:

Dies legt die Standard-Hellmodus-Palette für Ihr Theme fest. Klicken Sie hier, um den Standard-Dunkelmodus festzulegen./Gehen Sie zu Website-Einstellungen ➔ Grundlagen, um den Standard-Dunkelmodus festzulegen.

---

Übrigens, ich habe ein wenig mit Transparenz und Unschärfe und Ihrem Theme herumgespielt. (Es hat mir zwar einige Z-Index-Probleme bereitet – wahrscheinlich wegen meiner Noobness, an der ich noch feile.) Besonders gut gefallen hat mir, wie der Hintergrund-Swoosh dadurch mehr Gewicht bekommen hat!

Schauen Sie sich das an, wenn Sie möchten! (Es sind aber noch frühe Tage – wie Sie wahrscheinlich sehen können.)

[Wayne_Hsu]

Hallo, hier ist Wayne Hsu von Niantic, Inc.
Wir bauen unser Forum für 8thwall.com mit dem Discourse Air Theme und einer benutzerdefinierten Farbpalette. Und aus irgendeinem Grund ist in der mobilen Ansicht der Hintergrund des Hauptinhaltscontainers für die Kategorienseite (div id: main-outlet) vollständig transparent und der Alpha-Wert ist auf 0 gesetzt. Ich sehe keine Möglichkeit, die Farbe/den Alpha-Wert des Hintergrunds zu aktualisieren.
Ich habe gesehen, dass jemand zuvor ein ähnliches Problem hatte
Air Theme - #187 by hequaye

Und ein Vorschlag war, den “Desktop-Kategorienseitenstil” in den Einstellungen auf etwas anderes zu ändern (derzeit ist er auf Kategorien und neueste Themen eingestellt), aber ich sehe nicht, dass dies hilft, da er nur für die Desktop-Ansicht gilt.
Gibt es Gedanken zu einer Lösung dafür?
Danke!

[jordan.vidrine]

@ErlendMS

Schau mal hier vorbei! (Noch in den Anfängen, wie du wahrscheinlich sehen kannst.)

Sieht ziemlich gut aus!

[HisFocus (Tim)]

Ich finde das Air Theme sehr schön, aber die Option zum Bearbeiten (oder Hinzufügen) von CSS ist nicht vorhanden, wenn ich ADMIN > ANPASSEN > Air Theme besuche. Übersehe ich etwas? https://www.communiteq.com/ hostet meine Website. Das sehe ich:

[Moin]

Sie müssen Ihre eigene Komponente hinzufügen

Air Theme

Go here admin/customize/themes Click on components Click Install Click create new & give it a name Click on the new component in the components list Click Edit Html/css Add the linked code above to the common css file. Add this new component to the currently used theme

[HisFocus (Tim)]

@Moin! Ich bin ganz neu bei Discourse, aber WOW! Das wird immer besser und besser! Vielen Dank!

Bitte entschuldigen Sie auch, denn ich sehe, dass diese Frage beim Durchlesen dieses Threads etwa 5.000 Mal gestellt und beantwortet wurde.

[Arkshine]

Entschuldigen Sie sich nicht. Es ist vielleicht nicht allgemein bekannt, dass Sie das tun können!

Hier ist eine Anleitung, wenn Sie das Thema/die Komponenten erkunden möchten:

Beginner's guide to using Discourse Themes

This is a crash course in Discourse theme basics. The target audience is everyone who is not familiar with Discourse themes. If you’ve already used Discourse theme / theme components, this guide is probably not something you need to read. What are themes and theme components? A theme or theme component is a set of files packaged together designed to either modify Discourse visually or to add new features. Let’s start with themes. Themes In general, themes are not supposed to be compatible …

[ElComputer]

Vielen Dank für das Theme. Ich möchte Adobe Fonts verwenden. Muss ich die Theme-Datei bearbeiten oder was ist der klügste Weg, das zu tun?

Ich habe auch gesehen, dass das Header-Logo etwas klein ist und die Suchleiste auf der rechten Seite und das Login eher wie ein Button als ein Icon aussehen können. Ist das ein Plugin/Komponente oder CSS?