2016-11-04 8 views
9

ダークテーマのIonic 2船を知っています(ionic-angularノードモジュールにはファイルcss/ionic.dark.cssが付属しています)。イオニックダークテーマを含む

IonicアプリケーションのSASSでインポートするにはどうすればよいですか?

@import ionic-angular/css/ionic.dark.csssrc/app/app.scsssrc/theme/components.scssで試しましたが、出力はスターターテーマと視覚的に同じです。

Cordova CLI: 6.2.0 
Ionic CLI Version: 2.1.4 
Ionic App Lib Version: 2.1.2 
OS: Distributor ID: Ubuntu Description: Ubuntu 16.04.1 LTS 
Node Version: v6.9.1 

答えて

23

イオン2.0のアップデート:

は@import」から '@import "ionic.theme.defaultを"' 交換」


編集は私のionic info追加しますionic.theme.dark "は暗いテーマを有効にします。

イオンRC版

イオンのデフォルトのテーマはvariables.scssファイルからから選ばれます。

ダークテーマを有効にするには、 '@import "ionic.theme.default"'から '@import "ionic.theme.dark"'を置き換えます。

また、これらの変数variables.scss

$text-color:  #000; 
$background-color: #fff; 

からのコードの下の行を削除し、暗いテーマのデフォルトの変数を上書きします。標準の暗いテーマを取得するには削除するか、暗いテーマでは背景とテキストの色を取得するためにこれを使用します。

関連する問題