Gradiente di intestazione arcobaleno per Discourse

:information_source: Riepilogo Gradiente dell’intestazione e Gradiente del compositore
: eyeglasses: Anteprima Theme Creator
: hammer_and_wrench: Repository GitHub - tracey-le/discourse-header-gradient: Gradient header - Discourse theme component
: question: Guida all’installazione Come installare un tema o un componente del tema
: open_book: Nuovo ai temi di Discourse? Guida per principianti all’uso dei temi di Discourse

Installa questo componente del tema

Semplice gradiente arcobaleno nell’intestazione e nel compositore, come componente del tema — così puoi aggiungerlo ad altri temi.

Screenshot

Impostazioni e informazioni

Colori delle icone dell’intestazione

Nella tua palette di colori, puoi controllare il colore delle icone nell’intestazione con i colori primario dell’intestazione e sfondo dell’intestazione. (Vorrei esaminare la possibilità di modificarlo in modo che sia necessario impostare solo una variabile invece di due)

Non volevo codificare a colori questo colore nel caso in cui le persone volessero installare questo componente su più temi (ad esempio, con palette di colori chiare e scure)

Ecco come cambiare il colore delle icone:

  • bianco: Puoi impostare entrambi questi valori su #ffffff

  • nero: Puoi impostare entrambi questi valori su #000000

FYI: Il motivo per cui è necessario impostare entrambi è che il colore effettivo dell’icona dell’intestazione dipende dalla miscelazione del primario dell’intestazione con il colore dello sfondo dell’intestazione.

Crediti

Grazie al tema Ghost cyberpunk, al tema Peacock Gradient e al tema Discourse Rainbow da cui ho variamente preso ispirazione o utilizzato codice nel corso degli anni (ho aggiunto crediti per ogni parte nei commenti nel codice del tema)

DA FARE:

  • Spero di capire come rendere i colori del gradiente personalizzabili come impostazioni del tema - non ho mai avuto la possibilità di esaminarlo davvero.

  • fare in modo che sia possibile personalizzare il colore delle icone dell’intestazione impostando solo il colore primario dell’intestazione (il colore dello sfondo dell’intestazione non è rilevante per l’utente perché l’intero sfondo dell’intestazione è un gradiente arcobaleno)

15 Mi Piace