Problema con la paleta de colores

Hola, estoy usando el tema Mint en mi sitio web y tengo un problema con los colores. Hay un botón de modo oscuro/claro en la parte superior y, cada vez que cambio el color de fondo del botón, también cambia el color del botón, lo que hace que la palabra “oscuro/claro” sea invisible.
En la imagen, como ves, parece vacío, pero en realidad son 3 botones diferentes y dicen “oscuro, claro, automático”, pero el color de fondo y el color del texto son los mismos, por lo que es invisible.

2 Me gusta

actualización: sigo teniendo el mismo problema… ¿alguien puede ayudar?

¡Hola, bienvenido!
¿Te refieres a que agregaste CSS personalizado para cambiar el color? ¿Puedes compartir tus modificaciones?

Y también algunas conversaciones recientes en este foro sobre el interruptor claro/oscuro han señalado que para que funcione, debes tener una paleta de colores clara y oscura configurada en tu configuración.

Hola, ¡gracias! No, no agregué nada extra, estoy usando el tema mint. El color de los botones oscuro/claro/automático y su fondo son los mismos, por eso parecen invisibles. Por ejemplo, estoy cambiando el color del botón, también afecta al fondo del botón.

1 me gusta

¿Qué tienes especificado en tu configuración del sitio Default dark mode color scheme ID? Debería ser mint-dark.

sí, pero no funciona. las letras siguen invisibles

Desde mi punto de vista, el CSS principal de d-menu sobrescribe los estilos de los botones del tema porque tiene mayor especificidad:

Pero ese no es necesariamente el problema.
El tema Mint utiliza un estilo específico para el botón predeterminado (clase btn-default).
Y el elemento desplegable del selector de menú utiliza un botón con btn-default.

Me pregunto si es necesario especificar esa clase en el código principal. No parece ofrecer utilidad, pero podría estar equivocado.
Sin ella:

O, tal vez el tema necesita admitir la función principal:

.interface-color-selector-content .btn-default {
    color: var(--primary);
    border: none;
    transition: none;
    text-transform: none;

    .d-icon {
        color: var(--primary-high);
    }
}
3 Me gusta

oh es un poco complicado déjame procesarlo :smiley:

2 Me gusta

Esto parece un problema en el núcleo para el equipo de diseño, así que lo he movido a la categoría de UX.

4 Me gusta

¡muchas gracias!

3 Me gusta

Actualización: el botón ha desaparecido. ¿El equipo de UX está trabajando en ello? :smiley:

1 me gusta

Hola,

Disculpa la larga espera. La clase btn-default efectivamente no era necesaria aquí y causó el problema.

Corregido por

1 me gusta

Este tema se cerró automáticamente después de 4 días. Ya no se permiten nuevas respuestas.