Hai attivato la modalità scura nel sistema e in Microsoft Edge, ma molte pagine di Microsoft restano su sfondo bianco. In questa guida pratica capirai perché succede e come ottenere uno “scuro selettivo” solo sui siti Microsoft senza rompere gli altri siti.
Panoramica del problema
- Scenario tipico: il tema scuro è abilitato in Windows e in Edge, ma diversi portali Microsoft (per esempio portali account, billing o login) continuano a mostrarsi con sfondo chiaro.
- Obiettivo: cercare una soluzione che applichi il dark mode soltanto ai domini Microsoft, evitando forzature globali che possono alterare i colori o la leggibilità su altri siti.
Perché i siti Microsoft restano chiari anche con Edge in scuro
Edge (come gli altri browser moderni) non “dipinge” le pagine di scuro in modo arbitrario: rispetta quello che il sito dichiara nei propri fogli di stile. In particolare, i siti che supportano un tema scuro nativo espongono una regola CSS come:
@media (prefers-color-scheme: dark) {
/ Stili scuri forniti dal sito /
body { background: #0e0f10; color: #e6e6e6; }
}
Se il portale non definisce uno stile per il tema scuro, il browser non applica automaticamente uno sfondo scuro per non rischiare di compromettere colori, loghi e contrasti. Questo spiega perché alcuni siti Microsoft rimangono chiari anche se Edge e Windows sono impostati su “scuro”.
Gerarchia delle preferenze colore (come decide il browser)
- Impostazione di sistema (Windows: Chiaro/Scuro) → fornisce un segnale predefinito al browser.
- Impostazione del browser (Edge: tema dell’interfaccia) → influenza cromie di UI (tab, barra, menu), non i contenuti web.
- Preferenza del sito (CSS
prefers-color-scheme) → se presente, il sito passa davvero alla modalità scura.
Quando il punto 3 manca, il sito resta chiaro. Per ottenere uno scuro selettivo serve quindi una soluzione che “interpoli” in modo intelligente i colori del sito: una estensione di dark mode con whitelist per dominio.
Soluzione consigliata: Dark Reader con attivazione mirata
Dark Reader è un’estensione che applica dinamicamente temi scuri ai siti che non li offrono. Il vantaggio fondamentale è il controllo per dominio: puoi lasciarla spenta di default e accenderla solo su specifici siti Microsoft che ti disturbano in chiaro.
- Controllo granulare: attiva/disattiva per dominio, pagina o sottodominio.
- Qualità visiva: tre motori (Dinamic/Static/Filter) per ottenere contrasto e resa del testo equilibrati.
- Rapida commutazione: icona in toolbar con interruttore on/off e pulsanti “Ignora” o “Applica solo qui”.
🔧 Consiglio pratico: configura Dark Reader in modalità “Off di default” e crea una whitelist solo per i portali Microsoft più fastidiosi (ad es.
account.microsoft.com,portal.office.com,login.live.com). Così non tocchi i siti che hanno già lo scuro nativo (per esempiolearn.microsoft.comodocs.microsoft.com).
Installazione e configurazione in Edge (passi dettagliati)
- Apri Edge e vai su Menu ⋯ > Estensioni.
- Seleziona Gestisci estensioni, quindi entra nello store delle estensioni.
- Cerca Dark Reader e procedi con l’installazione.
- Dopo l’installazione, fissa l’icona vicino alla barra degli indirizzi (pulsante a forma di spilla nella toolbar di Edge).
- Apri l’icona di Dark Reader:
- Porta l’interruttore principale su Off (significa “spento di default”).
- Apri le Impostazioni sito e imposta la modalità su “Usa solo su questi siti” (Whitelist).
- Aggiungi i domini Microsoft su cui vuoi lo scuro (vedi lista consigliata qui sotto).
- Per ogni dominio, regola a piacere Luminosità, Contrasto, Gamma e Seppia. Inizia con valori leggeri (es. Luminosità 90–95%, Contrasto 100–105%).
- Se trovi elementi invertiti male (loghi, immagini), usa la sezione “Dev tools” dell’estensione per aggiungere regole Not invert a singoli selettori (vedi paragrafo “Rifiniture visive”).
Whitelist consigliata per i domini Microsoft
Non tutti i siti Microsoft hanno lo stesso livello di supporto allo scuro nativo. Questa lista può aiutarti a decidere dove attivare Dark Reader.
| Dominio / Servizio | Consiglio | Note |
|---|---|---|
account.microsoft.com | Attiva Dark Reader | Area account/fatturazione; spesso rimane chiara. |
login.live.com | Attiva Dark Reader | Schermate di accesso; attenzione a loghi/QR. |
portal.office.com | Attiva Dark Reader | Hub di Microsoft 365: resa migliore con profilo leggero. |
admin.microsoft.com | Attiva Dark Reader | Interfaccia admin M365: valutare prestazioni su tabelle grandi. |
azure.microsoft.com | Attiva Dark Reader | Molte pagine marketing restano chiare. |
entra.microsoft.com | Attiva Dark Reader | Portale Entra; controlla grafici e blade. |
app.powerbi.com | Attiva con cautela | I report possono avere palette definite: verifica leggibilità dei grafici. |
learn.microsoft.com | Lascia invariato | Supporta tema scuro nativo; preferisci lo switch integrato. |
docs.microsoft.com | Lascia invariato | Reindirizzato a learn.microsoft.com; scuro già supportato. |
developer.microsoft.com | Valuta caso per caso | Sezioni con stili eterogenei; prova “Dynamic” e “Static”. |
Profili di resa: Dynamic, Static o Filter?
- Dynamic: qualità migliore e più “intelligente”; analizza il DOM e i CSS. È il profilo predefinito consigliato.
- Static: applica regole generiche; talvolta rende più uniformi siti complessi.
- Filter/Filter+: basa la resa su filtri (invert/brightness/contrast); può far risaltare meglio immagini e loghi.
Se un portale mostra testi “slavati” o grafici illeggibili in Dynamic, passa a Static o Filter solo su quel dominio.
Alternative possibili (pro e contro)
| Opzione | Vantaggi | Limiti |
|---|---|---|
| Dark Reader (o simili) | Personalizzazione per sito; interruttore rapido on/off | Leggero consumo RAM/CPU; alcuni elementi complessi possono non rendersi perfettamente |
Flag “Force dark mode” di Edge (edge://flags/#enable-force-dark) | Nessuna estensione da installare | Agisce su tutti i siti; possibile resa cromatica errata |
| Temi di contrasto elevato di Windows | Soluzione di accessibilità integrata | Cambia l’aspetto di tutto il sistema, non solo del browser |
| Attendere tema scuro ufficiale | Massima compatibilità visiva | Nessuna tempistica nota; potrebbe richiedere mesi/anni |
Quando usare la flag “Force dark mode”
Se non puoi installare estensioni, la flag sperimentale di Edge forza tonalità scure su tutte le pagine.
- Digita nella barra degli indirizzi:
edge://flags/#enable-force-dark. - Imposta su Enabled (puoi testare diverse varianti: semplice, con inversione selettiva, ecc.).
- Riavvia Edge.
Nota: la forzatura è globale e potrebbe generare anomalie su siti che hanno già un ottimo dark mode nativo o palette delicate (es. grafici, editor online). Per questo motivo, quando possibile, è preferibile la strategia con whitelist tramite Dark Reader.
Sfruttare i temi ad alto contrasto di Windows (accessibilità)
Se la tua priorità è ridurre l’abbagliamento in tutto il sistema, i Tema a contrasto offrono un profilo scuro coerente in Windows, indipendente dal browser.
- Windows 11: Impostazioni > Accessibilità > Contrasto → scegli un tema (es. Notte) e applica.
- Windows 10: Impostazioni > Accessibilità > Contrasto elevato → attiva e seleziona un tema.
Questa soluzione però modifica tutte le app, non solo Edge, e può risultare troppo “drastica” per alcuni flussi di lavoro.
Best practice per una resa scura pulita (rifiniture visive)
- Regola luminosità con parsimonia: evitare sfondi troppo neri (0–5%) che riducono il contrasto del testo; spesso una luminosità al 90–95% con contrasto 100–110% è più leggibile.
- Blocca l’inversione di loghi/icone: se un logo appare “negativo”, usa gli strumenti di Dark Reader per aggiungere not invert al selettore CSS corrispondente (p.es.
.site-logo img). - Gestisci i grafici: in Power BI o portali con dashboard, preferisci profili Filter o Static e verifica la leggibilità degli assi.
- Salva profili per dominio: ogni portale può avere parametri dedicati; evita preset globali troppo aggressivi.
- Escludi le pagine di login se riscontri CAPTCHA o QR fuori fuoco: aggiungi l’URL alla “Ignore list”.
Risoluzione dei problemi (FAQ operativa)
Il testo appare grigio tenue o poco leggibile
- Riduci il livello di Luminosità (90–92%) e aumenta il Contrasto (105–110%).
- Passa temporaneamente a Static: su portali con CSS complicati spesso migliora.
Alcune icone sono invertite in modo errato
- Apri l’icona di Dark Reader > Dev tools > Not invert e aggiungi il selettore dell’immagine (es.
.brand-logo img). - In alternativa, disattiva Dark Reader solo su quella pagina (non sul dominio intero) e valuta se la resa è accettabile.
La pagina è lenta o scattosa
- Su tabelle e dashboard molto pesanti passa a Static o Filter.
- Disattiva Dark Reader per le pagine che usi solo saltuariamente.
- Verifica di non avere più estensioni di dark mode attive contemporaneamente (evita conflitti).
Un sito già scuro diventa “troppo scuro”
- Se il sito offre il bottone di tema (luna/sole), usa quello e lascia Dark Reader disattivato per quel dominio.
- Controlla l’Ignore list e assicurati che il dominio sia escluso.
Approfondimento tecnico: perché serve un’estensione
Molti siti deputano il tema scuro al framework UI (React, Angular, ecc.) o a un sistema di design corporate. Finché il team del sito non aggiunge le regole CSS scure (o un pulsante di switch), il browser non può “inventarle” senza rischi. Estensioni come Dark Reader creano un layer di trasformazione:
- Analisi del DOM e degli stili correnti.
- Rimappatura dei colori (testo, sfondo, bordi) secondo algoritmi che mantengono il contrasto percepito.
- Eccezioni su immagini, video e aree dove il colore è semantico (es. brand, alert, grafici).
Questa trasformazione è costosa quanto basta da sconsigliare un’applicazione “globale”: meglio limitarla ai domini che ne beneficiano davvero, cioè proprio il tuo caso con i portali Microsoft.
Checklist rapida: scuro solo sui siti Microsoft
- Imposta Edge su tema scuro (UI) — facoltativo, non influisce sui siti.
- Installa Dark Reader e impostalo Off di default.
- Aggiungi in whitelist solo i domini Microsoft che restano chiari:
account.microsoft.com,portal.office.com,login.live.com,admin.microsoft.com,azure.microsoft.com,entra.microsoft.com, ecc. - Affina per dominio: profilo Dynamic di base, prova Static/Filter se necessario.
- Blocca l’inversione di loghi/icone dove serve con “Not invert”.
- Escludi i siti che hanno già dark mode nativo (per esempio
learn.microsoft.com).
Quando (e come) chiedere lo scuro ufficiale a Microsoft
Se desideri una soluzione nativa (la migliore in termini di qualità e prestazioni), invia feedback a Microsoft: più segnalazioni arrivano, maggiore è la priorità di implementazione.
- Da Edge: premi Alt + Shift + I per aprire il pannello di feedback; descrivi il portale e allega uno screenshot chiaro del problema.
- Nei siti Microsoft: usa il link “Feedback” (spesso nel footer o nel menu utente) indicando che richiedi tema scuro nativo.
Consigli per un feedback efficace:
- Specifica l’URL esatto e i passi per riprodurre la pagina chiara.
- Motiva l’esigenza con aspetti concreti: abbagliamento serale, lettura prolungata, accessibilità.
- Indica che altri siti Microsoft supportano già lo scuro, quindi chiedi uniformità tra i portali.
Esempi di configurazione pronta all’uso
Profilo “Ufficio serale” (bilanciato)
- Modalità: Dynamic
- Luminosità: 92%
- Contrasto: 106%
- Gamma: 100%
- Regole Not invert: loghi header e immagini decorative
- Whitelist:
account.microsoft.com,portal.office.com,login.live.com,admin.microsoft.com
Profilo “Dashboard & grafici” (controllo colori)
- Modalità: Filter
- Luminosità: 95%
- Contrasto: 100–103%
- Note: evita inversioni troppo spinte che possono falsare la percezione dei grafici.
- Whitelist:
app.powerbi.com,entra.microsoft.com(solo se necessario)
Profilo “Minimal” (solo dove serve)
- Modalità: Static
- Luminosità: 90%
- Contrasto: 104%
- Whitelist: esclusivamente 2–3 domini che visiti ogni giorno.
Domande ricorrenti
Posso applicare lo scuro a solo una pagina senza toccare l’intero dominio?
Sì. Con Dark Reader puoi usare l’opzione “Applica solo su questa pagina” dal menu dell’estensione. È utile per pagine di login o wizard isolati.
Serve riavviare Edge quando cambio profilo?
No. Le modifiche sono istantanee sulla pagina corrente; per sicurezza ricarica l’URL se non vedi l’aggiornamento.
Ho già un tema scuro per la UI di Edge. A cosa serve Dark Reader?
Il tema scuro dell’interfaccia riguarda tab e menu di Edge, non i contenuti web. Dark Reader interviene sui contenuti delle pagine che non forniscono scuro nativo.
Conclusioni
Non vedi la modalità scura sui siti Microsoft perché molte pagine non espongono uno stile dark nativo: il browser, da solo, non può inventarlo. La strategia vincente è attivare una estensione dedicata come Dark Reader in modalità “Off di default”, creando una whitelist dei soli domini Microsoft che ti servono scuri. Così ottieni una resa leggibile e coerente, senza effetti collaterali sugli altri siti. Se vuoi una soluzione definitiva e senza estensioni, invia un feedback a Microsoft per spingere l’introduzione del tema scuro nativo sui portali che ancora non lo supportano.
Se desideri sollecitare un’implementazione ufficiale, invia feedback a Microsoft da Edge (Alt + Shift + I) o tramite il link “Feedback” sui loro siti: più segnalazioni ricevono, più alta è la priorità del tema scuro nativo.
Riepilogo operativo
- Il dark mode “automatico” dipende dal sito (CSS
prefers-color-scheme); se non c’è, la pagina resta chiara. - Usa Dark Reader con attivazione per dominio per ottenere scuro selettivo sui portali Microsoft.
- Valuta la flag “Force dark mode” solo se non puoi usare estensioni (ma è globale).
- Per accessibilità di sistema, valuta i temi di contrasto elevato in Windows.
- Invia feedback a Microsoft per il tema scuro nativo: più richieste, più probabilità.