Sobre diretrizes padronizadas para componentes de tema

Eu nunca imaginei que faria isso, mas aqui estou eu, editando CSS e JavaScript, e criando meus primeiros componentes simples de tema e plugin.

Como li antes (embora eu ainda não estivesse totalmente preparado — é preciso uma certa base para começar), o processo de adicionar recursos e/ou modificar existentes no Discourse é na verdade muito simples, e sou muito grato por isso.

Algo que notei com minha humilde e breve experiência com isso é a falta de diretrizes padronizadas, especialmente no que diz respeito a componentes de tema. Entendo que os plugins seguem um caminho mais estrito e definido.

Ao projetar ou codificar para o Horizon, é preciso levar em consideração o núcleo do Discourse, que se aplica igualmente a todos os temas, as alterações feitas pelo Horizon, o Foundation (modernizado), as implementações do Topic Cards e quaisquer outros componentes que possam ter modificado variáveis arbitrariamente.

Existe atualmente um guia que eu possa seguir desde o início para simplificar esse processo e parar de me deparar com px, em, rem ou variáveis que se sobrepõem e deixam de funcionar com as atualizações subsequentes?

Estou perdendo alguma coisa, ou essa é uma simplificação que poderia ser muito benéfica para todos nós?

Aqui está um link para o esqueleto do tema

Eu começo o meu a partir dele e o carrego em uma instância de desenvolvimento usando

e depois coloco no meu repositório git