Come posso cambiare lo sfondo della categoria nella versione mobile?

[Vsekraski (Андрей)]

Ciao. Non riesco a modificare lo sfondo della categoria. C’è un modo per farlo?

[Lilly (Lillian)]

Penso che possa essere complicato farlo con Horizon^[1], ma qualcosa di simile funzionerà in un componente del tema. Il colore dipenderà dalla variabile che utilizzi (ad esempio: --tertiary-low dalle palette colori per la modalità chiara/scura). Puoi creare anche le tue variabili e aggiungere maggiore complessità.

In un componente del tema con CSS personalizzato:

@use "lib/viewport";

//** seleziona l'ID della categoria per una categoria specifica **//

.category-box[data-category-id="4"] {

// ** applica solo su dispositivi mobili ** //

  @include viewport.until(md) {
    .category-box-inner {
       background: var(--tertiary-low);
    }
  }
}

con la palette colori attualmente utilizzata sul tuo sito:

modalità chiara:

modalità scura:

---

1. trovo che Horizon sia un incubo da personalizzare ↩︎

[Lilly (Lillian)]

Se desideri utilizzare colori specifici non presenti nella palette che cambiano con la modalità scura/chiaro, puoi usare la scheda definizioni colore nello stesso componente:

$bg-light: aqua;
$bg-dark: blueviolet;

:root {
  --category-id-4-background: #{dark-light-choose($bg-light, $bg-dark)};
}

[chapoi]

Solo per precisare:

Horizon non è inteso per essere personalizzato.

Se desideri apportare personalizzazioni, la raccomandazione ufficiale è di iniziare con Foundation e utilizzarlo come base.

Come spiegato qui

@Discourse

raccomandiamo che i siti interessati alla personalizzazione utilizzino invece il tema Foundation.

[Lilly (Lillian)]

È triste perché gli amministratori vogliono personalizzare i propri siti. È una delle cose che piacciono di più a riguardo di Discourse.

[chapoi]

Sì, se puoi modificarlo, certo, vai pure avanti. “No” significa che non puoi.

Tuttavia, non era previsto, quindi non l’abbiamo costruito pensando a una facile personalizzazione. È pensato come un tema pronto all’uso per persone meno esperte dal punto di vista tecnico.