Question

好_variables.scss我们有所有的定义。但是我可以在哪里更改light设置？我想对所有元素使用royal或dark。

我是否必须调整每一个元素，或者我可以改变一个点吗？

e.g。

用户royal而不是light无处不在。

好的指定，我看到我可以在这里更改某个主题的主题颜色

$light:                           #fff !default;
$stable:                          #f8f8f8 !default;
$positive:                        #387ef5 !default;
$calm:                            #11c1f3 !default;
$balanced:                        #33cd5f !default;
$energized:                       #ffc900 !default;
$assertive:                       #ef473a !default;
$royal:                           #886aea !default;
$dark:                            #444 !default;

但是我在哪里设置使用某些主题着色？例如充满活力，皇室，黑暗，平静等......我想使用除光之外的其他东西。

Answer 1

对于许多Ionic components（页眉，页脚，按钮，切换，列表项，范围，微调器等），添加一个ELEMENT-color类会将元素更改为{{1}中列出的颜色}。例如：

/scss/ionic.app.scss

...或

<div class="bar bar-header bar-calm">
  <h1 class="title">bar-calm</h1>
</div>

...或

<button class="button button-calm">
  button-calm
</button>

上述类将<ion-spinner class="spinner-calm"></ion-spinner>颜色应用于组件。

对于其他元素，您必须找到要更改颜色的元素的变量并覆盖它。您要覆盖的变量位于`/www/lib/ionic/scss/_variables.scss'。

您可以在$calm中覆盖该文件中的任何变量。

例如：

/scss/ionic.app.scss

会将许多元素的颜色更改为$base-color: $calm;。

离子使用不同的默认主题颜色/定义自己的自定义主题默认值？

1 个答案: