||||\n-|-|-|\n:discourse2: | Zusammenfassung | Mint – Ein modernes Theme mit einem Hauch von Minze.
\n|
| Vorschau | Vorschau im Discourse Theme Creator\n:hammer_and_wrench: | Repository-Link | \u003chttps://github.com/discourse/discourse-mint-theme\u003e\n:open_book: |Neu bei Discourse Themes? | Anfängerleitfaden zur Verwendung von Discourse Themes\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-mint-theme\" repoName="Mint Theme"]\nDieses Theme installieren\n[/wrap]\n\n[quote]\n\n:discourse2: Da dies ein von #offizielles Theme ist, das vom Discourse-Team gepflegt wird, können #support-Probleme, #bug-meldungen, #ux-vorschläge und Anfragen für #dev-Ratschläge in den entsprechenden Kategorien hier auf Meta gestellt und mit dem entsprechenden Theme-Tag versehen werden. Klicken Sie auf einen der folgenden Links, um einen neuen Beitrag zu erstellen.
\n\n\u003ckbd\u003e [
\u0026nbsp;Support](https://meta.discourse.org/new-topic?category_id=6\u0026tags=mint-theme "Support bei der Konfiguration und Verwendung des Mint Themes anfragen") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;Bug](https://meta.discourse.org/new-topic?category_id=1\u0026tags=mint-theme "Eine Bug-Meldung bedeutet, dass etwas defekt ist und die normale/typische Nutzung des Themes verhindert") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;UX](https://meta.discourse.org/new-topic?category_id=9\u0026tags=mint-theme "Diskussion über die Benutzeroberfläche des Mint Themes und wie Funktionen dargestellt werden (einschließlich Sprache und UI-Elemente)") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;Dev](https://meta.discourse.org/new-topic?category_id=7\u0026tags=mint-theme "Ratschläge zur Anpassung dieses Themes für Ihre Seite")\u003c/kbd\u003e\n\n[/quote]\n\n### Funktionen\n\nEin modernes Theme mit einem Hauch von Minze.
\n\n:herb:
\n\nStartseite (Kategorien)\n\n
\n\n
\n\nNeueste\n\n
\n\nThema\n\n
\n\n\nErweiterte Suche\n\n
\n\nDieses Theme beinhaltet die folgende Komponente:\n\n- Discourse Vorgestellte Kategorien\n\n### Tipps\n\n### Discourse-Einstellungen\n\nDie folgenden Einstellungseinstellungen sind erforderlich, damit dieses Theme ordnungsgemäß gerendert wird:\n\n- Top-Menü muss auf category, latest, new, unread, top gesetzt werden\n- Desktop-Kategorieseitenstil muss auf Boxes with Subcategories gesetzt werden\n\n### Willkommensbanner\n\nGehen Sie zur Seite Admin \u003e Willkommensbanner (/admin/config/welcome-banner).\n\n- Wählen Sie im Dropdown-Menü Aktiviert auf Themes… Mint Theme aus\n- Wählen Sie im Dropdown-Menü Seiten-Sichtbarkeit Nur Startseite aus\n- Wählen Sie im Dropdown-Menü Position Unterhalb der Seitenkopfzeile aus\n- Hintergrundbild kann nach Ihren Anforderungen festgelegt werden\n\n[^update]: Ab dem 4. Oktober 2022 und diesem Commit setzt das Theme selbst automatisch die Theme-Komponenten in die korrekten Ausgänge und ordnet sie an.\n\n### Discourse Vorgestellte Kategorien\n\nIn den Optionen für die Theme-Komponente Showcased Categories sind folgende Änderungen erforderlich, damit dieses Theme ordnungsgemäß gerendert wird:\n\n- Wählen Sie feed one category und feed two category nach Ihren Anforderungen aus\n- Füllen Sie feed one title und feed two title nach Ihren Anforderungen aus\n- Empfohlener Wert für max list length ist 3.\n\n\u003cbr\u003e\n\n\u003e:discourse2: Bei uns gehostet? Themes können auf unseren Plänen Standard, Business und Enterprise verwendet werden.",“target_locale”:“de”}
wirklich schönes Theme ![]()
Ich werde es vielleicht sogar auf meiner Testseite mit Königsblau ausprobieren (meine Lieblingsfarbe).
Vielen Dank ![]()
@meghna du produzierst fantastische Themes. Sie sehen toll aus. Ich werde sie deployen und ausprobieren.
Wunderschönes Theme! Vielen Dank, dass du es erstellt hast ![]()
Ich habe mich gefragt, ob es eine Möglichkeit gibt, das Quadrat und den Kreis im Hintergrund zu entfernen. Ich würde mich über jeden Hinweis freuen, der mir in die richtige Richtung hilft ![]()
entferne
#main-outlet:after {
content: "";
display: block;
position: fixed;
z-index: -1;
width: 500px;
height: 500px;
border-radius: 2000px;
background: $color-blue;
right: 1px;
top: -57px;
}
#main-outlet:before {
content: "";
display: block;
position: fixed;
z-index: -1;
width: 300px;
height: 300px;
border-radius: 30px;
background: -webkit-linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
// background: linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
background: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
left: 70px;
top: 350px;
transform: rotate(74deg);
transform-origin: 0 100%;
}
aus desktop.scss, und du bist startklar ![]()
Vielen Dank, Tomasz, das wissen wir zu schätzen ![]()
Dieses Theme ist großartig. Vielen Dank, dass du es erstellt hast! Ich bin neu in der Discourse-Szene. Ich weiß, wie man dieses Theme hochlädt, bin mir aber nicht sicher, wie man bestimmte Dinge ändert. Was ich ändern möchte, sind die Farben der Blöcke im Hintergrund (der Kreis und das Quadrat). Außerdem möchte ich die Hintergrundfarbe ändern. Soll ich die Theme-Datei herunterladen und dort bearbeiten, um dann mein eigenes Theme zu erstellen? Oder gibt es einen einfacheren Weg?
Danke! ![]()
Ja. Um die Farben zu ändern, musst du das Theme forken und den Farbcode entsprechend deinen Anforderungen aktualisieren. So gehst du vor:
Ändere in variables.scss den Farbcode nach deinem Geschmack:
$color-blue: #e5f8ff;
$color-square-gradient: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
$color-square-webkit-gradient: -webkit-linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
Um die Hintergrundfarbe zu ändern, aktualisiere die Farbe secondary in about.json (beachte, dass dies auch die Textfarbe einiger Buttons ändert):
"secondary": "F6FBFC"
Ich liebe dieses Theme – es passt perfekt zur Branding-Identität unseres Projekts! Wenn ich jedoch den Dunkelmodus aktiviere, wird das Theme durcheinandergebracht. Ist das zu erwarten? Gibt es eine Möglichkeit, zu verhindern, dass Benutzer den Dunkelmodus aktivieren?
Es wäre auch toll, wenn man das CSS vom Frontend aus bearbeiten könnte, wie bei den Standard-Themes.
Es gibt zwei kleine Probleme mit dem Composer.
Die Zahnradschaltfläche hat einen permanenten Hintergrund und die Form der ersten Schaltfläche beim Überfahren mit der Maus passt nicht zur Krümmung des Rahmens:
Beide Probleme behoben über:
Ich mag Ihr Theme sehr und habe es installiert.
Der Hintergrund meines Suchbannes hat keine abgerundeten Ecken und ist nicht vollbreit.
Wie kann ich dies zu Ihrem Layout ändern?
Es besteht die Möglichkeit, dass ein anderes Theme oder eine andere Komponente die Formatierung des Mint-Themes beeinträchtigt. Können Sie versuchen, andere installierte Themes/Komponenten zu deaktivieren?
Es ist eine saubere Installation mit inaktivem Standardthema und nur diesen Komponenten:
- discourse-search-banner
- Showcased Categories
Das ist seltsam. Können Sie mir die URL Ihrer Discourse-Instanz per PM senden und ich kann sie mir ansehen?
Das Bannerproblem wurde nun behoben über:
Es gab auch ein Problem im Plugin „Showcased Categories“, auf das Patrick mich aufmerksam gemacht hat. Das habe ich auch behoben.
Hallo, ich habe mit dem Dark Mode auf einem Gerät mit einem schönen Mint-Theme gespielt. Ich habe einige Änderungen vorgenommen, um den Dark Mode zu unterstützen. Nur zum Testen.
discourse-mint.zip (5,1 KB) Es kann natürlich Fehler enthalten
Aus diesem Grund werde ich keinen PR von github erstellen.
Ich habe einige Modifikationen für Codeblöcke, GitLab-Formatierung, breite Seiten usw. vorgenommen… Mobile Geräte wurden nicht getestet.
Vielen Dank für deine Bemühungen, Ivan! Ich habe deine Arbeit überprüft und es gibt einige benutzerdefinierte Änderungen, die nicht im Kern enthalten sein müssen. Ich werde mich mit den spezifischen Änderungen für den Dunkelmodus befassen und diese nach weiteren Tests im Kern vornehmen.
Gern geschehen, Meghna! Ich denke, es wäre ausreichend, den Wert revert auf einige Elemente mit Weiß anzuwenden.


