In my app, it functions correctly when running on iOS, but encounters issues when running on Android. The problem lies in the color attribute not working on buttons and other elements on Android. Removing the attribute makes them visible, but the desired style is not achieved. Even after attempting various solutions like using classes and ngstyle, the issue persists.
Here is the HTML code:
<div class="buttons">
<ion-button expand="block" color="color1" type="submit">
<ion-text><strong>SIGN IN</strong></ion-text>
</ion-button>
</div>
Here is the SCSS code:
@import url('http://fonts.cdnfonts.com/css/century-gothic');
@font-face {
font-family: 'Century Gothic', sans-serif;
}
/* CSS variables for different colors */
@media (prefers-color-scheme: dark) {
/* CSS variables for dark mode */
}
/* Additional styling for iOS and Android */