Mint Theme

[Discourse]

||||
-|-|
| Zusammenfassung | Mint - Ein modernes Theme mit einem Hauch von Minze.
| | Vorschau | Vorschau auf Discourse Theme Creator
| Repository-Link | https://github.com/discourse/discourse-mint-theme
|Neu bei Discourse-Themes? | Einsteigeranleitung zur Verwendung von Discourse-Themes

Dieses Theme installieren

Da dies ein #offizielles Theme ist, das vom Discourse-Team gepflegt wird, können #support-Anfragen, #contribute:Bug-Berichte, #contribute:UX-Vorschläge und Anfragen nach #dev-Ratschlägen in den jeweiligen Kategorien hier auf Meta gestellt und mit dem entsprechenden Theme-Tag versehen werden. Klicke auf einen der unten stehenden Links, um ein neues Thema zu eröffnen.

 Support  Bug  UX  Dev

Features

Ein modernes Theme mit einem Hauch von Minze.

Startseite (Kategorien)

Neueste

Thema

Erweiterte Suche

Dieses Theme enthält die folgende Komponente:

• Discourse Showcased Categories

Tipps

Discourse-Einstellungen

Folgende Änderungen an den Einstellungen sind erforderlich, damit dieses Theme korrekt dargestellt wird:

• top menu muss auf category, latest, new, unread, top eingestellt sein
• desktop category page style muss auf Boxes with Subcategories eingestellt sein

Willkommensbanner

Gehe zur Seite Admin > Welcome banner (/admin/config/welcome-banner).

• Wähle im Dropdown-Menü Enabled on themes… Mint Theme aus
• Wähle im Dropdown-Menü Page visibility Homepage only aus
• Wähle im Dropdown-Menü Location Below site header aus
• Das Background image kann nach deinen Anforderungen festgelegt werden

Discourse Showcased Categories

In den Optionen für das Theme-Komponente Showcased Categories sind folgende Änderungen erforderlich, damit dieses Theme korrekt dargestellt wird:

• Wähle feed one category und feed two category nach deinen Anforderungen aus
• Fülle feed one title und feed two title nach deinen Anforderungen aus
• Der empfohlene Wert für max list length ist 3.

Von uns gehostet? Themes können in unseren Standard-, Business- und Enterprise-Plänen verwendet werden.

[IAmGav (Gavin Perch)]

wirklich schönes Theme

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

Vielen Dank

[P2W (Mike Riddick)]

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

[Rebecca_Chen]

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

[tjot (Tomasz)]

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

[Rebecca_Chen]

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

[adalo_jesse (Jesse Haywood)]

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?

[meghna (Meghna Jalan)]

@adalo_jesse

Dieses Theme ist fantastisch. Danke, dass du es erstellt hast!

Danke!

@adalo_jesse

Lade ich die Themendatei herunter und bearbeite sie dort?

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%);

@adalo_jesse

Ich möchte die Hintergrundfarbe ändern.

Um die Hintergrundfarbe zu ändern, aktualisiere die Farbe secondary in about.json (beachte, dass dies auch die Textfarbe einiger Buttons ändert):

"secondary": "F6FBFC"

[Nick_Chomey]

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?

[Nick_Chomey]

Es wäre auch toll, wenn man das CSS vom Frontend aus bearbeiten könnte, wie bei den Standard-Themes.

[cvx (Jarek Radosz)]

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:

[meghna (Meghna Jalan)]

Beide Probleme behoben über:

UX: better composer button styling

[Pika (Patrick)]

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?

[meghna (Meghna Jalan)]

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?

[Pika (Patrick)]

Es ist eine saubere Installation mit inaktivem Standardthema und nur diesen Komponenten:

• discourse-search-banner
• Showcased Categories

[meghna (Meghna Jalan)]

Das ist seltsam. Können Sie mir die URL Ihrer Discourse-Instanz per PM senden und ich kann sie mir ansehen?

[meghna (Meghna Jalan)]

@Pika

Mein Suchbannerhintergrund hat keine abgerundeten Ecken und ist nicht vollbreit.

Das Bannerproblem wurde nun behoben über:

UX: custom banner styling for mint theme (#3)

Es gab auch ein Problem im Plugin „Showcased Categories“, auf das Patrick mich aufmerksam gemacht hat. Das habe ich auch behoben.

UX: fix header for showcased category boxes (#11)

[Ivan_Rapekas]

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.

[meghna (Meghna Jalan)]

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.

[Ivan_Rapekas]

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