Colori di sfondo del selettore della modalità scura

È possibile modificare le icone solo quando si utilizza l’auto-hosting? Le icone hanno uno sfondo che non si abbina al mio colore di sfondo. Rimuovendo lo sfondo SVG sarebbero più belle.

1 Mi Piace

Le icone SVG dovrebbero rispettare la palette di colori dell’utente. Puoi cambiare le icone stesse nel componente del tema, se hai accesso ai componenti sul tuo sito. Puoi condividere maggiori dettagli sul tuo problema, magari con uno screenshot? Inoltre, puoi confermare che la modalità chiara e scura siano impostate correttamente nelle tue impostazioni?

3 Mi Piace

Grazie, ecco come appare:

Mi sono reso conto che è correlato allo stato del pulsante. Se clicco da qualche parte sullo sfondo della pagina, allora ha un bell’aspetto, il quadrato grigio scompare e il colore della luna è lo stesso della lente d’ingrandimento. Ho provato a cambiare i colori nel tema, ma non sono riuscito a trovarne nessuno che controlli questo.

Lo lascerò attivo per ora in modo che tu possa vederlo:

Inoltre, vorrei cambiare l’icona in circle-half-stroke, ma i miei tentativi non hanno avuto successo.

2 Mi Piace

Capisco cosa intendi. Ho realizzato un piccolo screencast per dimostrarlo.

La stessa cosa accade sul mio sito (e qui su meta), anche con il selettore nella barra laterale. Succede che sia un po’ meno brutto perché i colori sono più vicini e il pulsante non è così prominente nell’intestazione come nel tuo caso.

È probabilmente una correzione di design abbastanza minore per evitarlo e concordo sul fatto che sia una buona idea.

3 Mi Piace

Penso che al momento non ci sia un’impostazione per modificare le icone. C’è un’impostazione che garantisce che le icone utilizzate vengano caricate, ma le icone non sono personalizzabili senza effettuare un fork del componente o aggiungere un’impostazione per la personalizzazione.

1 Mi Piace

È interessante. Mi chiedo cosa faccia l’impostazione icone svg? Ho provato a cambiarle in icone svg utilizzate nella barra laterale, ad esempio circle e circle-half-stroke, ma ciò ha fatto sì che solo l’icona del sole non venisse visualizzata. L’icona della luna continua a essere visualizzata.

1 Mi Piace

Aggiunge le icone. Questa impostazione è utile per i componenti in cui gli amministratori possono scegliere le icone, come le icone personalizzate dell’intestazione. Lì, puoi usare l’impostazione per aggiungere le icone che vuoi usare, in modo che vengano caricate.
Penso che quando non è possibile personalizzare le icone, queste possano essere aggiunte anche in about.json. Ma sto ancora imparando come funzionano i temi.

1 Mi Piace

Ho sostituito facilmente il sole e la luna sul mio forum con lo yin-yang, inserendo questo nella tag head di modifica / css di un componente (ho anche sostituito l’icona del bot con un fulmine).

<script type="text/discourse-plugin" version="0.8"> 
  
  api.replaceIcon('robot', 'bolt');
  api.replaceIcon('sun', 'yin-yang');
  api.replaceIcon('moon', 'yin-yang');

</script>


L’ho trovato semplicemente il modo più semplice per farlo. :thinking:

1 Mi Piace