accedere all'accentColor corrente dal custom.css

[texw]

ciao a tutti, vorrei personalizzare alcuni stili personalizzati nel custom.css di una app online ionic, ma anche scrivendo, ad esempio:

Code: Select all

.pulsante-senza-bordo ion-icon{color:##ACCENTCOLOR## !important;}

in fase di caricamento del custom.css quella reference all'accentColor non viene modificata

consigli?

[texw]

ok sono riuscito in due step:

nel file desktop.htm aggiungere:

Code: Select all

      var r = document.querySelector(':root');
      r.style.setProperty('--accent', '##ACCENTCOLOR##');


nel custom.css aggiungere:

Code: Select all

:root {
  --accent:0;
}


ed usare var(--accent) per referenziare il colore principale definito per la applicazione.


tra l'altro questa modalità supporta la definizione dell'accent color a runtime tramite la proprietà "accentColor" !


very cool