← Tutti gli esempi

Colora gli stati degli ordini

Aggiunge contorni colorati ai badge di stato per individuare subito ordini pagati, in attesa o problematici.

Codice da copiare

.Polaris-Badge:has([class*="text"]) { font-weight: 600 !important; }
.Polaris-Badge--toneSuccess,
.Polaris-Badge--statusSuccess {
  outline: 2px solid #1a7f4b !important;
}
.Polaris-Badge--toneWarning,
.Polaris-Badge--statusWarning {
  outline: 2px solid #b98900 !important;
}
.Polaris-Badge--toneAttention,
.Polaris-Badge--toneCritical,
.Polaris-Badge--statusCritical {
  outline: 2px solid #c4341e !important;
}

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.