包括离子黑暗主题

Question

我知道Ionic 2有一个黑暗的主题(ionic-angular节点模块附带文件css/ionic.dark.css).

如何在我的Ionic应用程序的SASS中导入它？

我已尝试@import ionic-angular/css/ionic.dark.css过两者src/app/app.scss,src/theme/components.scss但输出在视觉上与首发主题相同.

---

编辑添加我的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'离子.theme.dark"'取代黑暗主题.

离子RC版

Ionic的默认主题从variables.scss文件中选择.

将' @import "ionic.theme.default"' 替换为' @import "ionic.theme.dark"'以激活黑暗主题.

同时从variables.scss中删除以下代码行

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

这些变量会覆盖黑暗主题中的默认变量.你可以删除以获得标准的黑暗主题或玩这个以获得自己的颜色为黑暗主题背景和文本颜色.