ionic-framework - 如何在 Ionic 4 中使用 TINT 文本颜色

Question

我刚开始使用 Ionic 4，但在颜色方面遇到了一些麻烦。

https://ionicframework.com/docs/theming/basics

我能做到

<span color="primary">TEXT</span>

文本将是蓝色的。但是在文档中还有另外两种主要类型。阴影和色调。我怎样才能使我的文本成为主要色调？

Answer 1

如果您希望设置颜色的特定变化，例如色调，请不要在 ion-text 元素中设置颜色属性并定义自定义类。

your.page.html

<ion-text class="my-class">
   <h1>text</h1>
</ion-text>

你的.page.scss

.my-class {
  color: var(--ion-color-primary-tint);
}