2016-11-04 3 views
9

Я знаю, что Ionic 2 поставляется с темной темой (модуль узла ionic-angular поставляется с файлом css/ionic.dark.css).Включить ионную темную тему

Как импортировать его в SASS Ionic приложения?

Я пробовал @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 

ответ

23

Обновление в ионном 2.0:

Замена '@import "ionic.theme.default"' в «@import" ionic.theme.dark "" активирует темную тему.

ионной RC версии

тема Ионная по умолчанию получает выбрана из из variables.scss файла.

Заменить '@import "ionic.theme.default"' на '@import "ionic.theme.dark"' для активации темной темы.

удалить также следующие строки кода из variables.scss

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

Эти переменные переопределяет переменную по умолчанию в темной темы. Вы можете либо удалить, чтобы получить стандартную темную тему, либо поиграть с ней, чтобы получить свой собственный цвет для фона и текста в темной теме.

Смежные вопросы