Modo Claro/Escuro CSS Personalizado

Sei que podemos usar (prefers-color-scheme: dark), mas isso apenas verifica o tema escuro/claro do sistema.

Existe algum CSS que possamos usar para personalizar o CSS com base no modelo de cores, encontrando muitos problemas aqui ao editar temas para fazê-los funcionar com modelos de cores escuros e claros.

Tudo bem, então este tópico me ajudou enormemente.

Agora a pergunta de acompanhamento, podemos definir cores em componentes/temas?

Vou me ajudar, encontrei a resposta para a última pergunta aqui.