Mint Theme

||||\n-|-|-|\n:discourse2: | Zusammenfassung | Mint – Ein modernes Theme mit einem Hauch von Minze. :slight_smile: \n| :eyeglasses: | 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. :+1: \n\n\u003ckbd\u003e [:question:\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 [:bug:\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 [:eyes:\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 [:artist:\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. :slight_smile: \n\n:herb: :ice_cube: \n\nStartseite (Kategorien)\n\nScreenshot 2021-09-06 at 19.48.04\n\nScreenshot 2021-09-06 at 19.48.43\n\nNeueste\n\nScreenshot 2021-09-07 at 17.08.01\n\nThema\n\nScreenshot 2021-09-07 at 17.22.56\n\n\nErweiterte Suche\n\nScreenshot 2021-09-07 at 17.22.11\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”}

66 „Gefällt mir“

wirklich schönes Theme :slight_smile:

Ich werde es vielleicht sogar auf meiner Testseite mit Königsblau ausprobieren (meine Lieblingsfarbe).

Vielen Dank :smiley:

5 „Gefällt mir“

@meghna du produzierst fantastische Themes. Sie sehen toll aus. Ich werde sie deployen und ausprobieren.

5 „Gefällt mir“

Wunderschönes Theme! Vielen Dank, dass du es erstellt hast :slight_smile:

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 :pray:

3 „Gefällt mir“

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 :slight_smile:

6 „Gefällt mir“

Vielen Dank, Tomasz, das wissen wir zu schätzen :smiley:

2 „Gefällt mir“

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?

2 „Gefällt mir“

Danke! :slight_smile:

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?

1 „Gefällt mir“

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. :slightly_smiling_face: 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:

1 „Gefällt mir“

Beide Probleme behoben über:

2 „Gefällt mir“

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?

1 „Gefällt mir“

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.

3 „Gefällt mir“

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 :slight_smile: 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.

1 „Gefällt mir“

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.

1 „Gefällt mir“

Gern geschehen, Meghna! Ich denke, es wäre ausreichend, den Wert revert auf einige Elemente mit Weiß anzuwenden.

1 „Gefällt mir“