Como criar um tema com diferentes paletas de cores?

Instalei este tema Sam's Simple Theme, que usa cores claras por padrão. Quero permitir que os usuários o utilizem com cores escuras. Qual é a melhor maneira de fazer isso?

Preciso de alguma forma instalá-lo duas vezes e definir paletas de cores diferentes? Ou existem maneiras melhores?

Você pode ir ao tema em personalizar e escolher seu tema escuro?


Você deseja uma paleta de cores clara e escura para o tema?

Sim, mas o problema é que você só pode selecionar uma paleta por tema instalado.

Eu queria disponibilizar um único tema como duas opções: uma para paleta clara e outra para paleta escura.

(aliás, acabei de perceber que esse tema está quebrado com a paleta escura, mas acho que deve ser possível corrigir apenas removendo os códigos de cores fixos)

No momento, a maneira mais fácil é instalar o mesmo tema duas vezes e alterar a paleta (e também o nome do tema, para que você saiba qual é qual).

É mais fácil se o tema for remoto (no Git), pois assim todas as atualizações são gerenciadas centralmente de qualquer forma. Se o tema foi criado localmente na interface de administração, você pode exportá-lo e reimportá-lo. O método de tema local é um pouco mais incômodo, pois você precisa editar ambos os temas se quiser fazer qualquer alteração.

Eu acho que usar o default dark mode color scheme id seria a maneira de fazer isso agora. :+1: Isso adaptaria a paleta de cores para corresponder às preferências de um navegador. Você também pode usar o Dark/Light Mode Toggle para permitir a troca fácil entre os dois.