Añadir CurrentThemeId a las clases CSS del cuerpo

Soporte
1

Hola,
¿Puede alguien ayudarme a agregar el ID del tema activo como clase CSS en <html> o <body>?
Necesito escribir algunos estilos y requiero atributos diferentes para ciertos temas.

Por ejemplo, al usar “dark-theme”:

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

No utilizamos el nombre como identificador, solo un número. Puedes encontrar el ID de un tema consultando la URL mientras personalizas un tema en el panel de administración… por ejemplo https://forum.example.come/admin/customize/themes/140

Si puedes trabajar con el ID en lugar del nombre, esta sería una forma rápida de hacerlo (agregado al archivo head de tu 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>

También podrías obtener el nombre del tema a partir del ID, pero requeriría un poco más de trabajo.

2 Me gusta
3

Gracias, Kris, @awesomerobot
¿Existe algún documento sobre los métodos de los plugins de Discourse y las librerías relacionadas?

Encontré esto, pero parece no incluir todas las librerías y métodos:

4

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