Nativescript-vue: как применить новую тему, используя app.scss по умолчанию? - PullRequest
Новая
       3

Nativescript-vue: как применить новую тему, используя app.scss по умолчанию?

0 голосов
/ 02 апреля 2019

Я инициализировал новый проект, используя 

tns create <project_name> --vue

Итак, у меня есть файл ~/App/app.scss

// Import app variables
@import 'app-variables';

// Import the theme’s main ruleset - both index and platform specific.
@import '~nativescript-theme-core/scss/index';
@import '~nativescript-theme-core/scss/platforms/index.android';

// Import common styles
@import 'app-common';

Я хотел бы попробовать одну из тем, например 'aqua 'или' brown '.

Что я должен добавить и / или изменить?

1 Ответ

0 голосов
/ 02 апреля 2019

Открытие _app-variables.scss Я нашел это при запуске 

@import '~nativescript-theme-core/scss/light';

Я изменил на 

@import '~nativescript-theme-core/scss/brown';

Затем прокомментировал все переопределения переменных.

Затем в моем Home.vue, в разделе style, я прокомментировал использование $dark_accent.

Таким образом, я могу просто переключать тему, используя первый ряд _app-variables.scss

...