Как использовать цвет текста TINT в Ionic 4

Question

Как использовать цвет текста TINT в Ionic 4

Используйте знак подчеркивания в имени атрибута данных, и он волшебным образом обработает его для вас, превратив его в дефис. Он знает, что вы хотите дефис, а не подчеркивание, поскольку подчеркивания недопустимы в именах атрибутов html.

<%= Html.TextBox("name", value, new { @data_foo = "bar"}) %>

1

ionic-framework ionic4

задан almo 19 March 2019 в 00:09

1 ответ

Другие вопросы по тегам:

ionic-framework ionic4

Похожие вопросы:

score 0 · Answer 1

Цвет темы Ionic 4 можно найти в theme > variables.scss

Переменные Ionic CSS расположены внутри: root.

:root {
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 218,93,88;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255,255,255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;

...
}

ИСПОЛЬЗОВАНИЕ

Для элемента с тегом color.

<div color="primary"></div>
<div color="primary-shade"></div>
<div color="primary-tint"></div>

Для заданного class с использованием пользовательских цветовых свойств Ionic.

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