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:

enter image description here

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

Popular posts from this blog

mysql - Dreamhost PyCharm Django Python 3 Launching a Site -

java - Sending SMS with SMSLib and Web Services -

java - How to resolve The method toString() in the type Object is not applicable for the arguments (InputStream) -