包含离子​​黑暗主题

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; 

这些变量将覆盖在黑暗的主题的默认变量除去的代码下面的行。您可以删除以获得标准的黑暗主题，也可以使用此功能获取自己的背景颜色和黑暗主题中的文字颜色。