Sass 是否使用不同的默认主题颜色/定义自己的自定义主题默认值?
在Sass 是否使用不同的默认主题颜色/定义自己的自定义主题默认值?,sass,ionic-framework,ionic,Sass,Ionic Framework,Ionic,在\u variables.scss中,我们有所有的定义。但是我在哪里可以改变设置灯?我想对所有元素使用,比如说,royal或dark 我必须调整每个元素,还是有一个点可以改变 e、 g 用户royal而不是light无处不在 可以指定,我可以在这里更改某个主题的主题颜色 $light: #fff !default; $stable: #f8f8f8 !default; $positive:
\u variables.scss
中,我们有所有的定义。但是我在哪里可以改变设置<代码>灯?我想对所有元素使用,比如说,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;
但是我应该在哪里使用特定的主题着色呢?e、 充满活力、高贵、黑暗、平静等。。。我想使用光以外的东西。对于许多(页眉、页脚、按钮、开关、列表项、范围、微调器等),添加一类元素颜色将把元素更改为/scss/ionic.app.scss
中列出的颜色。例如:
<div class="bar bar-header bar-calm">
<h1 class="title">bar-calm</h1>
</div>
$base-color: $calm;
将许多元素的颜色更改为$calm
这似乎是一种非常草率的方式,他们是如何实现它的。有一些定制的主题生成器可以实现你想要的。不知道他们是否与离子兼容。差不多。
<ion-spinner class="spinner-calm"></ion-spinner>
$base-color: $calm;