ionic上のnavbarの色を変更できません3

Question

私はこのようなヘッダーの色を設定しようとしていますが、背景色を変更するための提案はありませんか？

<ion-header > 
    <ion-navbar > 
    <img src="../../assets/img/Header.png"> 
    </ion-navbar> 
</ion-header> 

とCSSがあなたのvariables.scssファイルから$colors配列に追加することができ

img { 
    display: block; 
    height: 20%; 
    width: 20%; 
    margin-left: auto; 
    margin-right: auto; 
    color: "#D3C3B4x"; 
    background-color:"#cccccc"; 
} 

.ion-navbar{ 
    color: "#D3C3B4x"; 
    background-color:"#cccccc"; 
} 

.ion-header 
{ 
    background-color:"#cccccc"; 
    position: absolute; 
    top: 5%; 
    left: 5%; 
} 

Answer 1

です：

$colors: (
    // ... 
    custom-color: #cccccc, 
    //... 
); 

そしてビューでそれを使用します。

<ion-header > 
    <ion-navbar color="custom-color"> 
    <img src="../../assets/img/Header.png"> 
    </ion-navbar> 
</ion-header> 

Answer 2

私は投稿方法はイオン性のあることから

loginmodal-page{ 
    $color:#D1C3B0; 
        img { 
         display: block; 
         height: 20%; 
         width: 20%; 
         margin-left: auto; 
         margin-right: auto; 
         color: "#D3C3B4x"; 
         background-color:"#cccccc"; 
        } 


        .ion-header 
        { 
         background-color:$color; 
         position: absolute; 
         top: 5%; 
         left: 5%; 
     } 
} 

、それは罰金

Answer 3

に動作しますが、あなたが何か間違ったことしなければならない\src\theme\variables.scss

$toolbar-background: #cccccc; 
$toolbar-border-color: #cccccc !default; 
$toolbar-active-color: #cccccc !default;