Problema con la palette di colori

Ciao, sto usando il tema mint sul mio sito web e ho un problema con i colori. c’è un pulsante per la modalità scura/chiara in alto e ogni volta che cambio il colore dello sfondo del pulsante, cambia anche il colore del pulsante, il che rende invisibile la parola “dark/light”.
nella foto, come vedi, sembra vuoto ma in realtà sono 3 pulsanti diversi e dicono “dark, light, auto” ma il colore dello sfondo e del testo è lo stesso, quindi è invisibile

2 Mi Piace

aggiornamento: ho ancora lo stesso problema… qualcuno può aiutarmi?

Ciao, benvenuto!
Intendi dire che hai aggiunto CSS personalizzato per cambiare il colore? Puoi condividere le tue modifiche?

E inoltre, alcune recenti discussioni su questo forum riguardo all’interruttore scuro/chiaro hanno sottolineato che affinché funzioni, è necessario disporre di una palette di colori chiara e scura configurata nelle impostazioni.

Ciao, grazie! No, non ho aggiunto nulla di extra, sto usando il tema mint. Il colore dei pulsanti scuro/chiaro/automatico e il loro sfondo sono uguali, ecco perché sembrano invisibili. Ad esempio, sto cambiando il colore del pulsante, ciò influisce anche sullo sfondo del pulsante.

1 Mi Piace

Cosa hai specificato nella tua impostazione del sito ID predefinito schema colori modalità scura? Dovrebbe essere mint-dark.

sì, ma non funziona. le lettere sono ancora invisibili

Da quello che vedo, il CSS principale di d-menu sovrascrive gli stili dei pulsanti del tema perché ha una maggiore specificità:

Ma non è necessariamente questo il problema.
Il tema Mint utilizza uno stile specifico per il pulsante predefinito (classe btn-default).
E l’elemento del menu a discesa del selettore utilizza un pulsante con btn-default.

Mi chiedo se sia necessario specificare quella classe nel codice principale. Non sembra offrire utilità, ma potrei sbagliarmi.
Senza di essa:

Oppure, forse il tema deve supportare la funzionalità principale:

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

    .d-icon {
        color: var(--primary-high);
    }
}
3 Mi Piace

oh è un po’ complicato fammelo elaborare :smiley:

2 Mi Piace

Sembra un problema nel core per il team di progettazione, quindi l’ho spostato nella categoria UX.

4 Mi Piace

Grazie mille!

3 Mi Piace

Aggiornamento: il pulsante è scomparso. Il team UX ci sta lavorando? :sorriso:

1 Mi Piace

Ciao,

Scusa per la lunga attesa. La classe btn-default non era necessaria qui e ha causato il problema.

Corretto da

1 Mi Piace

Questo argomento è stato chiuso automaticamente dopo 4 giorni. Non sono più consentite nuove risposte.