In an Angular app with Ionic Framework, I have a component, where on a specific action, I need to make the default colour variable --ion-background-color transparent, and revert back to the defined colour when the specific action is finished. In Ionic 7, It was recommended to define all the colour variables inside a theme/variables.scss file. Changing the colour variable could be done by importing the theme/variables.scss inside the needed component and changing the --ion-background-color there whenever I wanted to make it transparent.