Aggiungi CurrentThemeId nelle classi CSS del Body

Supporto
1

Ciao,
Qualcuno può aiutarmi ad aggiungere l’ID del tema attivo come classe CSS a <html> o <body>?
Devo scrivere alcuni stili e ho bisogno di attributi diversi per alcuni temi.

Ad esempio, quando si utilizza “dark-theme”:

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

Non utilizziamo il nome come ID, ma solo un numero. Puoi trovare l’ID di un tema consultando l’URL mentre personalizzi un tema nel pannello di amministrazione… ad esempio https://forum.example.come/admin/customize/themes/140

Se puoi accontentarti dell’ID invece del nome, questo sarebbe un modo rapido per farlo (da aggiungere al file head del tuo tema/componente):

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

Potresti anche trovare il nome del tema tramite ID, ma richiederebbe un po’ più di lavoro.

2 Mi Piace
3

Grazie, Kris, @awesomerobot
Esiste una documentazione per i plugin di Discourse e i metodi delle librerie correlate?

Ho trovato questo, ma sembra non includere tutte le librerie e i metodi:

4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.