İyonik Karanlık Teması Dahil Et

Question

Karanlık bir tema ile Ionic 2 gemileri biliyorum (ionic-angular düğüm modülü css/ionic.dark.css dosyasıyla birlikte gelir).

İyonik uygulamasının SASS'ında bunu nasıl alabilirim?

@import ionic-angular/css/ionic.dark.css 'ye hem src/app/app.scss hem de src/theme/components.scss'de denedim ama çıktı, görsel olarak başlangıç ​​temasıyla aynı.

---

'ümü ionic info'e eklemek için:

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 

Answer 1

İyonik 2.0'da güncelleme:

İyonik.theme.default '' @ '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' 'ifadesini kullanmak' '.

iyonik RC sürümü

İyon'un varsayılan teması variable.scss dosyasından seçilmiştir.

Karanlık temayı etkinleştirmek için '@import "ionic.theme.default"' yerine '@import "ionic.theme.dark"' yazın.

Ayrıca aşağıdaki kod satırlarını variable.scss

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

de kaldırabilirsiniz. Bu değişkenler karanlık temadaki varsayılan değişkeni geçersiz kılar. Koyu renkli temalarda arka plan ve yazı rengi için kendi renginizi elde etmek için standart koyu temayı elde etmek veya bu konuyla ilgili olarak oynamak için kaldırabilirsiniz.