Olá ![]()
O Discourse pode lidar com dois esquemas de cores: Claro e Escuro. Portanto, quando você alterna seu dispositivo para o modo escuro, ele usará a configuração do site default dark mode color scheme id por padrão.
Você pode definir paletas de cores mais personalizadas para o 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 usamos, por exemplo, no tema FKB Pro.
Nesse caso, ele adicionará essas paletas de cores a /admin/customize/colors.
Quando essas paletas de cores forem adicionadas, os usuários poderão selecioná-las na página de preferências da interface do usuário. Se você habilitá-la.
dark-light-choose()
O dark-light-choose() só pode lidar com os dois esquemas de cores claro/escuro, não com a paleta 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 configurar uma paleta de cores diferente do padrão Claro/Escuro do site na página de preferências da interface 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 para esquemas de cores.
Este é um dos motivos pelos quais criei o seguinte Theme component.
Neste componente de tema, você pode direcionar separadamente os color-scheme="id"s.
Então, o que você pode fazer é
Crie paletas de cores (Clara, Dim, Escura)
Use o componente acima para fazer modificações nas cores do
color-scheme="id"Dim ou outras coisas, se necessário.
