Interruttore modalità Oscuro/Chiaro

La tua domanda riguarda questo componente tematico che aggiunge un interruttore per passare alla modalità scura, o il rilevamento di una palette di colori scuri in generale?

C’è dark-light-choose.

2 Mi Piace

Grazie per il tuo aiuto
Sto usando questo componente Dark/Light Mode Toggle

La mia domanda riguarda il rilevamento della modalità in cui mi trovo e la modifica dell’immagine di sfondo in modo da poter avere un’immagine per la modalità chiara e un’altra per la modalità scura.

Ho provato a seguire il link che hai postato e anche questo

che entra un po’ più nei dettagli, ma non ho avuto successo. Ho provato ad aggiungere file immagine (JPG) $bg-light e $bg-dark al mio tema


Ho anche provato ad aggiungere un foglio di stile color_definitions.scss al mio tema con il codice di quel post

$bg: url(dark-light-choose($bg-light, $bg-dark));

:root {
  --custom-bg: #{$bg};
}

Ho anche provato a creare un tema su github

come ho detto, scusa per essere un po’ perso
Se devo aprire un nuovo argomento, fammelo sapere e in quale categoria metterlo
Grazie per il tuo aiuto

1 Mi Piace

I moderatori possono spostare i post in un nuovo argomento in Dev se necessario. Volevo solo assicurarmi che il tuo problema non fosse direttamente correlato al componente del tema, ma si verificasse anche quando attivi la modalità scura tramite le impostazioni del browser o del dispositivo.

Penso che tu sia già abbastanza vicino. Una cosa che ho notato è che usi url() due volte:

1 Mi Piace

Il mio problema non è assolutamente correlato al componente del tema
Grazie per l’aiuto, scusa per il disturbo :blush:

Woah… non ditelo a nessuno, questa è la mia salsa segreta per unire due sfondi. Il primo ha la precedenza sul secondo. Quindi, il primo è un gradiente lineare con metà trasparente e l’altro è un’immagine statica :wink: :sunglasses:

Ecco l’effetto in azione

Ho capito che usi 2 sfondi.

background-image: linear-gradient(to top, white, 15%, transparent), url(var(--custom-bg));

Ma url(var(--custom-bg)) in combinazione con --custom-bg: #{$bg}; e $bg: url(dark-light-choose($bg-light, $bg-dark)); non è qualcosa come url(url(dark-light-choose($bg-light, $bg-dark)))?

3 Mi Piace

Ora offriamo un’opzione per passare dalla modalità scura a quella chiara nel core e abbiamo quindi deprecato questo componente del tema. Si prega di consultare l’annuncio per maggiori dettagli:

5 Mi Piace