ionic
ionic copied to clipboard
docs: Ionic Variables and Theming
📚 Is your documentation request related to a problem?
I would like to change themes and css variables from ionic itself. On Ionic/Vue, it generate files ./src/theme/variables.css. But, i couldn't see the configuration in this (maybe, i missed something).
Actually, i would like to set base theme to force using light theme instead of dark by replacing with this @media (prefers-color-scheme: light)
🔍 Where should you find it?
Something in the feature page of the wiki, i guess.
ℹ️ Additional context
Here's the segment code from variables.css
....
--ion-color-light-contrast: #000000;
--ion-color-light-contrast-rgb: 0, 0, 0;
--ion-color-light-shade: #d7d8da;
--ion-color-light-tint: #f5f6f9;
}
@media (prefers-color-scheme: dark) {
/*
* -------------------------------------------
*/
...