Ionic3のSCSSでページ上のすべての要素の背景とテキストの色付け

Question

ionic 3プロジェクトでSCSSのページのすべての要素と背景を再描画しようとしています。

私は、現時点で使用していますSASSのコードは次のとおりです。

* { 
    background-color: black; 
    color: white; 
} 

問題は、背景色が変更されていることです。問題は、テキストがデフォルトの色のままであることです。

私は上書きする別の属性を探しますが、 "カラー"属性はhtmlスタイリングで機能します。 「色」属性もrecolouredする必要がある他のすべての要素に動作しますが、解決策は、すべてのHTMLスタイルを追加することであるように私は感じていない

<ion-card-header style="color: white"> 
    Title 
</ion-card-header> 

：次のHTMLコードは、希望の変更を行い、単一要素。

SCSSを使用してこのページのすべてのテキストの色を上書きするにはどうしたらいいですか？あなたがhereを読むことができるようあなたは、色はいくつかの要素に動作していない理由ですspecifity問題に直面している

Answer 1

：

ユニバーサルセレクタ（*）、コンビネータ（+、>、〜、 '「）と否定 疑似クラス（：not（））は特異性に影響しません。 ！

* { 
    background-color: black; 
    color: white!important; 
} 

重要なルールは、スタイル宣言で使用されている

、この 宣言：だからあなたはまだあなたがを追加することができセレクタこのような重要なとして*使用したい場合は

他の宣言を上書きします。

Answer 2

IonicのドキュメントのTheming部分をチェックすることをお勧めします。 SCSS変数を使用して、ほとんどのCSSプロパティをカスタマイズできます。

Overriding Ionic Sass Variables

私はこのケースでは、あなたが$text-color変数を上書きしたいと思います。

$text-color: #000099;