CurrentThemeId zu Body Css Klassen hinzufügen

Unterstützung
1

Hallo,
Kann mir jemand helfen, die ID des aktiven Themas als CSS-Klasse in <html> oder <body> hinzuzufügen?
Ich muss einige Stile schreiben und benötige für bestimmte Themen unterschiedliche Attribute.

Zum Beispiel bei Verwendung von “dark-theme”:

<html class="desktop-view not-mobile-device text-size-normal dark-theme">
2

Wir verwenden den Namen nicht als ID, sondern nur eine Nummer. Die ID eines Themes findest du, indem du dir die URL anschaust, während du im Admin-Bereich ein Theme anpasst – zum Beispiel https://forum.example.com/admin/customize/themes/140.

Wenn du mit der ID auskommst und nicht mit dem Namen, wäre dies ein schneller Weg (hinzugefügt in die Kopfdatei deines Themes/Components):

<script type="text/discourse-plugin" version="0.8">
  var themeSelector = require('discourse/lib/theme-selector');
  document.querySelector("body").classList.add("theme-id-" + themeSelector.currentThemeId())
</script>

Du könntest auch den Themennamen anhand der ID ermitteln, aber das wäre etwas aufwendiger.

3

Danke, Kris, @awesomerobot
Gibt es eine Dokumentation für Discourse-Plugins und die Methoden der zugehörigen Bibliotheken?

Ich habe dies gefunden, aber es scheint nicht alle Bibliotheken und Methoden abzudecken: