包含離子​​黑暗主題

Question

我知道離子2船有一個黑暗的主題（ionic-angular節點模塊附帶文件css/ionic.dark.css）。

如何將它導入到我的Ionic應用程序的SASS中？

我試過src/app/app.scss和src/theme/components.scss中的@import ionic-angular/css/ionic.dark.css，但輸出在視覺上與首發主題相同。

---

編輯加我ionic info：

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

更新離子2.0：

更換 '@import 「ionic.theme.default」' 到「@import「 ion.theme.dark「'激活黑暗的主題。

離子RC版本

離子的默認主題會從由variables.scss文件中選擇。

將'@import "ionic.theme.default"'替換爲'@import "ionic.theme.dark"'以激活黑暗主題。

另外，從variables.scss

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

這些變量將覆蓋在黑暗的主題的默認變量除去的代碼下面的行。您可以刪除以獲得標準的黑暗主題，也可以使用此功能獲取自己的背景顏色和黑暗主題中的文字顏色。