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;

这些变量会覆盖黑暗主题中的默认变量。您可以删除以获得标准的黑暗主题或使用此方法来获取自己的黑色主题背景和文本颜色。

包含离子黑暗主题

1 个答案: