||||\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”}
really nice theme 
I might even test it out with royal blue (my favourite colour) on my test site.
Thank you 
@meghna churning out the amazing themes. Looks great. I will deploy and play.
Beautiful theme! Thank you for creating this 
I was wondering if it was a way for me to remove the square and circle in the background? Appreciate anything that can point me in the right direction 
remove
#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%;
}
from desktop.scss and you should be good to go 
Thank you so much Tomasz, appreciate it 
This theme is awesome. Thank you for making this! I’m new to the Discourse scene. I know how to upload this theme, but I’m not sure how to change certain things. What I want to change are the colors of the blocks in the back (the circle and square). Additionally, I would like to change the background color. Do I download the theme file and edit it there, then create my own theme? Or is there an easier way?
Thanks! ![]()
Yes. To change the colors you need to fork the theme and update the color code as per your requirement. Here’s how you can do it:
In variables.scss change the color code as per your liking:
$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%);
To change the background color update the secondary color in about.json (note that this will also change text color of some buttons):
"secondary": "F6FBFC"
I love this theme - it fits our project’s branding perfectly! However, if I turn on dark mode, the theme is messed up. Is this to be expected? Is there a way to prevent users from turning on dark mode?
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.


