Olá, gostaria de saber como definir definições de cores para mais de um esquema de cores, ou seja, Claro, Escuro, Dim, semelhante a como o Twitter funciona.
Meu problema atual:
Atualmente, consigo estilizar as cores claras e escuras padrão que não estão listadas, como primary-low, em um componente de tema personalizado, mas não sei como adicionar esse modo de cor personalizado a um esquema de cores diferente.
O Discourse pode lidar com dois esquemas de cores: Claro e Escuro. Portanto, quando você alterna seu dispositivo para o modo escuro, ele usará o default dark mode color scheme id nas configurações do site por padrão.
Você pode definir mais paletas de cores personalizadas no Discourse.
Você pode definir novas paletas de cores na página /admin/customize/colors.
ou
Por exemplo, se você usar um tema personalizado, poderá definir isso no arquivo about.json.
Como fazemos, por exemplo, no tema FKB Pro.
Nesse caso, essas paletas de cores serão adicionadas em /admin/customize/colors.
Quando essas paletas de cores são adicionadas, os usuários podem selecioná-las na página de preferências do usuário. Se você ativar essa opção.
O dark-light-choose() só pode lidar com os dois esquemas de cores claro/escuro, não com as paletas de cores. Sugiro usá-lo apenas para criar variáveis de cores personalizadas, não para substituir as padrão. Para substituir as variáveis de cores padrão, você pode fazer o que mostrei acima.
Se o usuário definir uma paleta de cores diferente do padrão do site (Claro/Escuro) na página de preferências do usuário, ele usará a variável de cor que você criou com dark-light-choose() para todas as paletas de cores claras ou escuras nos esquemas de cores.
