← Tutti gli esempi

CSS Aspetto vscode.dev

VS Code Web: accento arancione caldo

Sostituisce l'accento indaco/blu predefinito di VS Code con un arancione caldo.

Codice da copiare

/* Replace the default indigo/blue accent with warm orange (works on github.dev too) */
.monaco-workbench {
  --vscode-focusBorder: #ff8a3d !important;
  --vscode-button-background: #ff8a3d !important;
  --vscode-button-hoverBackground: #e07229 !important;
  --vscode-progressBar-background: #ff8a3d !important;
  --vscode-activityBarBadge-background: #ff8a3d !important;
}
.monaco-workbench .monaco-list-row.focused,
.monaco-workbench .tabs-container .tab.active {
  border-color: #ff8a3d !important;
  box-shadow: inset 0 -2px 0 #ff8a3d !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.

Valuta questo esempio

Nessuna valutazione — sii il primo.

Questo esempio funziona?

Gli snippet sono inutili senza un posto dove incollarli.

JustZix si installa in 2 minuti ed esegue il tuo codice su ogni pagina corrispondente. Senza account, senza pagamento.

Scarica gratis Guarda i casi d'uso