Zeronoise Theme

[Discourse]

	Zusammenfassung	Zeronoise konzentriert sich auf klare Farbakzente und subtil differenzierte Inhaltsbereiche, um ein angenehmes Leseerlebnis zu schaffen.
	Vorschau	Vorschau im Discourse Theme Creator
	Repository-Link	https://github.com/discourse/zeronoise
	Neu bei Discourse Themes?	Anfängerleitfaden zur Verwendung von Discourse Themes

Dieses Theme installieren

Da dies ein #offizielles Theme ist, das vom Discourse-Team gepflegt wird, können #Support-Anfragen, #Fehlerberichte, #UX-Vorschläge und Anfragen nach #Entwicklerberatung in den jeweiligen Kategorien hier auf Meta gestellt und mit dem entsprechenden Theme-Tag versehen werden. Klicken Sie unten auf einen Link, um einen neuen Beitrag zu starten.

 Support  Fehler  UX  Entwicklung

Funktionen

Hallo Meta! Ich habe ein Theme für Discourse erstellt, das sich auf klare Farbakzente und subtil differenzierte Inhaltsbereiche konzentriert, um ein angenehmes Leseerlebnis zu schaffen.

In der Desktop-Version habe ich den Avatar des Themenverfassers zusätzlich an die linke Seite des Titels verschoben, um ihm im Design eine höhere Hierarchie zu verleihen.

Es war auch spaßig, mit Serifenschriften zu spielen, und am Ende verleiht „Playfair Display" dem Theme wirklich Charakter (hehe).

Eine weitere lustige Sache ist, dass Sie, da der Theme-Header schwarz ist, einige Aspekte des Logos über die Theme-Einstellungen spielen können (Farbinvertierung, Farbtonrotation und Helligkeit).

Ich hoffe, es gefällt euch, nutzt es und forkt es !

Einstellungen

Name	Beschreibung
Logo-Farben invertieren
Logo-Farbtonrotation	Geben Sie einen Wert in Grad an, um die Farbe Ihres Logos zu ändern. Wenn Sie nicht wissen, was das ist, können Sie es auf 0 lassen oder nach „css filter hue rotation" googeln.
Logo-Helligkeit	Stellen Sie die gewünschte Helligkeit ein, die Sie zu Ihrem Logo hinzufügen möchten (wenn Sie es dunkler machen möchten, setzen Sie eine negative Zahl)

Credits

Erstellt von @ruidovisual

Von uns gehostet? Themes stehen in unseren Standard-, Business- und Enterprise-Plänen zur Verfügung.

[anon82467725]

Wow! Beautiful theme! Many of the elements should honestly be baked into Material Theme, but both themes are awesome. Great job!

[thegurjyot (Gurjyot Singh)]

This theme actually looks good. Will definitely try this on my website.

[Eduardo_Braga (Eduardo)]

new topic is a component?

[Karthikk_Vijay]

Honestly this is one of the best looking themes I have found! Thank you so much

I just need one help, if it’s not too much trouble @ruidovisual

• I am a complete noob with all this, so forgive my naivety. I have managed to fork your file and change the colour themes. I need to change the font and I see I can do that by importing my own font family inside the variable SCSS?
• What I am not able to figure is how to set two different fonts, one for the titles, headers etc., and the other for the body.

It will be so great if you could help me out here, I know this might be totally out of scope but it would certainly help a lot

[ruidovisual (Miguel Arroyo)]

Hey Karthikk! I’m glad you like the theme : )

The easiest way would be to define a font-family for the body (I think doing it in common.scss would be the best):

body {
  font-family: 'The Name of your Font Family', [FALLBACKS];
} 

I don’t know if you are adding your own fonts or picking up some google fonts, but, I would advise that you pick a family from the google catalog.

Remember to replace [FALLBACKS] with your fallbacks depending on what type of font you’ve chosen, you can see more on font-family fallbacks here

About changing the font for titles and headers, I think that’s the part that you already figured out, but as a reminder, besides from importing it you need to declare it in the line 116 of variables.scss

Hope it helps! have a nice weekend : )

[ruidovisual (Miguel Arroyo)]

You mean a custom component for the theme? in this case the answer is no. It’s there with position: fixed See line 36 of mobile.scss

Have a nice weekend and thank you for your patience : )

[Matze]

Very nice theme! I can’t wait building a new theme for our discourse based upon zeronoise.
Thank you for sharing!

[Zup]

excellent theme. high on my personal like list.

would be even more interesting if font could be optionally same as whatever was chosen in the wizard.

[daemon (Alex)]

Hi @ruidovisual ,

I like your Theme a lot.

Is it possible to change the purple color to red? Can you release a red version of your theme?

I tried it myself but after that I lost the Theme effects and it wasn’t red.

[Karthikk_Vijay]

@ruidovisual Thanks for the explanation, I have figure out how to change the fonts, thanks to you!

I am now playing around with my own light and dark version of the theme. I am using the Color Palettes to achieve this, as I wish to stay away from CSS as much as possible.

I have managed to tweak almost everything except these two elements :

1. The status bar below the post has a special effect in your theme and I am not able to control it with the Color Palette. How do I tweak this using CSS? Which part do I target?
   

   

2. The bar on top of all topics in the separate category view stays white no matter what colour I set in the palette

   

Would be great if you could help me with these

P.S. This is my Color Palette for your reference :

[Iceman]

Great theme.

One question, has anyone been able to make it work with “Box-type” Categories? They just get random shapes and the text remains white.

[png (Portable Network Graphics)]

This is extremely clean and modern. The community makes the best themes ever!

[KevinBlandy]

Hallo, dieses Theme sieht toll aus.
Allerdings scheint es einige Probleme mit dem Stil im chinesischen Forum zu geben.

zeronoise Theme

Standard-Theme

[png (Portable Network Graphics)]

Wahrscheinlich ein Formatierungsproblem mit chinesischen Zeichen

[marthasimmons]

Zuerst einmal vielen Dank für dieses schöne Theme @ruidovisual. Ich benutze es jetzt seit fast 2 Monaten für mein Community-Forum.

Ich habe eine Frage. Ist es möglich, das Navigations-Dropdown auf dem Handy zu entfernen?

Vielen Dank im Voraus.

[diabolicvincent]

Danke für dieses Theme, ich liebe es bisher! Einer der angenehmsten Discourse-Stile, die ich bisher gesehen habe

Nur ein Problem: Wenn Massenoperationen in einer Kategorie durchgeführt werden, erscheinen die Kontrollkästchen nicht, daher kann ich keine mehreren Themen auswählen. Das nervt mich wirklich und ich kann das Theme wegen dieses Problems nicht regelmäßig nutzen. Könnte das behoben werden? <3

[RGJ (Richard - Communiteq)]

@KevinBlandy

Es scheint jedoch einige Probleme mit dem Stil im chinesischen Forum zu geben.

Dies hat nichts mit chinesischen Schriftzeichen zu tun, sondern ist ein Problem mit der category style-Einstellung „box“.

.badge {
  &-category-bg,  /* <------ schlecht!! */
  &-wrapper.bullet &-category-parent-bg,
  &-wrapper.bullet &-category-parent-bg + &-category-bg {
    border-radius: 50%;
    width: 9px;
  }

Um dies zu beheben, wenden Sie dies als Theme-Komponente an

.badge {
  &-wrapper.bar &-category-bg,
  &-wrapper.bar &-category-parent-bg,
  &-wrapper.bar &-category-parent-bg + &-category-bg {
     border-radius: 0%;
  }
  &-wrapper.box &-category-bg,
  &-wrapper.box &-category-parent-bg,
  &-wrapper.box &-category-parent-bg + &-category-bg {
    border-radius: 0%;
    width: 100%;
  }
}

[bosal]

Ich liebe das Thema, aber…

Könnten Sie mir helfen oder diese Druckansicht korrigieren, da sie nicht nutzbar ist:

• Der Titel sollte klein sein
• Der Rahmen mit Schatten sollte nicht sichtbar sein

Außerdem funktioniert die Themenauswahl nicht

Außerdem, wie kann ich die Schriftart für dieses Thema global ändern?

[bquast (Bastiaan Quast)]

Sehr beeindruckend, vielen Dank.

Wird jetzt bereitgestellt, hoffentlich bald mehr beizutragen