Salve, volevo chiedere se in qualche modo è possibile far leggere una variabile CSS ad un meta tag dell'head della pagina.
Spiego meglio:
Attualmente ho un CSS in questo modo
codice:
:root {
--ColoreScuro: #3F6DAA;
--ColoreIntermedio: #6B97D1;
--ColoreChiaro: #A3C6F5;
--ColoreBordo: #FFFF00;
--ColoreTesto: #FFFFFF;
}
#MyDiv {
background-color: var(--ColoreScuro);
border-bottom: 1px solid var(--ColoreBordo);
}
... segue il resto del css
nell'header della pagina:
codice:
<meta name="msapplication-navbutton-color" content="#3F6DAA">
<meta name="theme-color" content="#3F6DAA">
come è visibile nella pagina utilizzo il colore che ha anche la variabile css --ColoreScuro
sarebbe possibile indicare qualcosa di simile
codice:
<meta name="msapplication-navbutton-color" content="var(--ColoreScuro)">
ovviamente questo non funziona
Attualmente, essendo pagine in ASP me la cavo inizializzando la variabile a monte per poi usarla, in questo modo
codice:
<%ColoreScuro="#3F6DAA"%>
<meta name="msapplication-navbutton-color" content="<%=ColoreScuro%>">
<meta name="theme-color" content="<%=ColoreScuro%>">
E tutto funziona bene ma non è parametrizzato a dovere.
Se io volessi cambiare colori, oltre a modificare il CSS devo per forza modificare a mano anche la parte HTML
Tornando alla mia domanda: Posso far lavorare una sorta di variabile ripescata dal CSS?