Modifica della palette di colori più fluida

Incontra la prossima evoluzione nella gestione del branding della tua community: un’interfaccia ridisegnata per creare e modificare le palette di colori!

Questo aggiornamento si basa sui nostri recenti miglioramenti alla gestione delle palette di colori e miglioramenti alla gestione delle modalità scura e chiara, offrendo agli amministratori un modo ancora più semplice per personalizzare l’aspetto del loro sito.

:sparkles: Novità?

L’interfaccia della nuova palette di colori si integra perfettamente con il sistema di progettazione generale dell’amministratore, offrendo un’esperienza coesa che rende la gestione delle palette potente e accessibile.

La nuova interfaccia include:

  • Design integrato che corrisponde all’estetica moderna dell’interfaccia di amministrazione.
  • Nomenclatura chiara per assicurarti di sapere come viene applicato ogni colore.
  • Flusso di lavoro più fluido per creare nuove palette o modificare quelle esistenti.
  • Controlli della palette predefinita direttamente dall’interfaccia di modifica, sia per le modalità chiara che scura.

Quando crei una nuova palette, ora puoi vedere un’anteprima visiva della palette di base prima di selezionarla:

Ciò corrisponde alle anteprime ora disponibili anche in altre aree in cui si selezionano le palette di colori: nella pagina dell’elenco delle palette, nelle preferenze dell’utente e nelle impostazioni del tema.

:rocket: Come accedere alla nuova interfaccia

La nuova interfaccia utente per le palette di colori è ora disponibile per tutti i siti Discourse! Puoi accedervi:

  1. Andando su AmministrazioneAspettoPalette di colori
  2. Facendo clic su Modifica su qualsiasi palette esistente, o sul pulsante Nuova per creare una nuova palette.

Questo ultimo aggiornamento rappresenta il nostro impegno continuo a fornire agli amministratori strumenti potenti e intuitivi per personalizzare l’aspetto delle loro community Discourse.

L’interfaccia migliorata rende più facile che mai creare esperienze belle e personalizzate per i tuoi membri, mantenendo al contempo la flessibilità e il controllo di cui hai bisogno.

Hai domande o feedback sulla nuova interfaccia? Ci piacerebbe sentirli nelle risposte qui sotto!

13 Mi Piace

Sarebbe possibile consentire impostazioni del colore più precise? Ci sono molti calcoli per ottenere sfumature sottili dei codici colore inseriti e non tutti funzionano bene in alcuni scenari. Normalmente lo farei in CSS personalizzato, ma ho impostato il tema Horizon e non c’è modo di modificare il CSS. Quindi mi sono reso conto che appartiene comunque all’impostazione della palette di colori.

Puoi aggiungere un componente personalizzato a Horizon in cui aggiungere il tuo CSS personalizzato.

1 Mi Piace

Sembra fantastico MA il mio punto qui era più generale (non solo Horizon). Se la funzionalità delle palette di colori deve consentire alle persone di cambiare schemi di colori a loro piacimento, il CSS personalizzato non aiuterebbe molto. Il CSS personalizzato dovrebbe essere assegnato a ciascuna palette di colori. Dal punto di vista dell’architettura.

Potresti fornire maggiori dettagli su che tipo di cose vorresti fare con impostazioni del colore più precise? Questo aiuterebbe a capire se c’è qualcosa che potremmo migliorare nell’interfaccia utente della palette, o se il CSS personalizzato è la soluzione migliore.

Attualmente il mio problema riguarda il colore terziario. Diciamo che il colore di mia scelta è #f7b618. È un giallo chiaro e voglio vederlo da qualche parte. Averlo come colore di un pulsante ha un bell’aspetto, ma i testi dei pulsanti sono bianchi. Ma se imposto un testo per il pulsante, cambiano altri colori. Suppongo che il problema sia che si presume che io scelga un colore scuro in modo che i testi dei pulsanti siano chiari.

Inoltre, tutte le sfumature vengono calcolate in base al colore terziario. Ad esempio, lo sfondo della barra laterale (sto ancora parlando del tema Horizon). E potrei voler scegliere un altro colore per quello (completamente, ad esempio, solo grigio).

Quindi, ogni volta che sono un po’ esigente riguardo ai colori E voglio permettere all’utente di selezionare una palette di colori (il che concordo potrebbe essere un po’ contraddittorio), potrei utilizzare un CSS personalizzato basato su una palette di colori.

Un’altra opzione potrebbe essere una modalità Avanzata in cui si consentirebbe di assegnare QUALSIASI variabile di colore. Non solo quelle 12 principali. In questo modo si smetterebbe di calcolare e mi si permetterebbe di regolare tutti i colori a mano, ma utilizzando comunque l’interfaccia utente.

Penso che la modalità avanzata sia in qualche modo trattata in Create and share a color scheme

Penso che tu possa usare Targetable Color Schemes per sovrascrivere qualcosa solo per una palette di colori.

2 Mi Piace

Capisco, ho trovato maggiori dettagli in Reference for full color customization . Mostra persino nell’interfaccia utente! Magnifico. Grazie!

2 Mi Piace

Sembra che tu abbia risolto tutto. Il CSS personalizzato combinato con il componente Targetable Color Schemes è una combinazione potente e l’aggiunta di campi colore aggiuntivi è anche molto utile.

1 Mi Piace

Sì, ma proverei prima a usare Reference for full color customization se possibile. Potrebbe essere sufficiente avere accesso a tutte le variabili calcolate e codificare i valori che mi piacciono. Il CSS potrebbe non essere nemmeno necessario. Ma se lo fosse, i Targetable Color Schemes sono sicuramente la strada da percorrere.

1 Mi Piace