angular - How to change the color of <ion-card> using ionic2 -
i trying change color of lightgray used html code below:
<ion-card *ngfor="let details of checkoutaddr" round inset class="ion-card"> <ion-item> <ion-row> <ion-col><ion-icon ios="ios-create" md="md-create" item-right class="color1"></ion-icon> <b>{{details.name}}</b> </ion-col> </ion-row> <ion-row> {{details.stage}} </ion-row> <ion-row> {{details.main}} </ion-row> <ion-row> {{details.state}} </ion-row> <ion-row> <ion-col> <ion-icon ios="ios-call" md="md-call" item-left></ion-icon> {{details.phone}} </ion-col> </ion-row> <ion-row> <ion-col> <ion-icon ios="ios-mail" md="md-mail" item-left></ion-icon> {{details.mail}} </ion-col> </ion-row> </ion-item> </ion-card
i used scss code below:
.ion-card { background-color: slategray !important; }
how , feel below img:
in order in more ionic2 way need replace value of these sass variables:
$card-ios-background-color $card-md-background-color $card-wp-background-color
so, need add new value in app/theme/app.variables.scss
, this:
$card-ios-background-color: slategray; $card-md-background-color: slategray; $card-wp-background-color: slategray;
Comments
Post a Comment