Ionicカスタムカラー - SASS

Question

私はイオンとサスのフレームワークの初心者です。

私はionic.app.scssファイルをscssフォルダ内に更新しようとしていますので、自分のアプリケーションのカスタムカラーを追加しようとしています。私は既存の変数を上書きしようとした場合

だから、言う：

$assertive : #F35C6 !default;

それが正常に動作しますが、私は、カスタムカラーを作成する場合は言う：

$my-custom-color : #F35C6F !default;

それはありません仕事。 正しくやっていますか、助けてください！

ありがとうございました。

EDIT：

ionic.app.scssファイル：

@charset "UTF-8"; 
/* 
To customize the look and feel of Ionic, you can override the variables 
in ionic's _variables.scss file. 

For example, you might change some of the default colors: 

$light:       #fff !default; 
$stable:       #f8f8f8 !default; 
$positive:      #387ef5 !default; 
$calm:       #11c1f3 !default; 
$balanced:      #33cd5f !default; 
$energized:      #ffc900 !default; 
$assertive:      #ef473a !default; 
$royal:       #886aea !default; 
$dark:       #444 !default; 


*/ 

$my-custom-color : #F35C6F !default; 
// The path for our ionicons font files, relative to the built CSS in www/css 
$ionicons-font-path: "../lib/ionic/fonts" !default; 

// Include all of Ionic 
@import "../www/lib/ionic/scss/ionic"; 

は使用方法：カスタムカラー変数を追加すると

<label class="item item-input"> 
    <i class="icon ion-at placeholder-icon my-custom-color"></i> 
    <input type="email" placeholder="Email ID"> 
</label> 

Answer 1

、それはそれは、変数を作成し、それがないすべてです。一方、Ionicの色はすべてIonic CSSファイルにいくつかのCSSクラスがあり、例えばあなたのビューで.positiveを使用できるようにします。ここで

は、イオンソースファイルから$positive色のCSSです：

.positive, a.positive { 
    color: $positive; 
} 
.positive-bg { 
    background-color: $positive; 
} 
.positive-border { 
    border-color: $button-positive-border; 
} 

これらのクラスは、独自の色のために作成されていない、独自のCSSにこれらを追加することによって、あなたは同じ動作を実現することができます。