實用顏色的基本用法

Created: November-22, 2018

預設 Ionic CSS 將具有主題和預設顏色。你可以修改或覆蓋 ionic.css 或自定義 CSS 檔案中的基本值。你也可以使用 SASS 定義這些並在 Ionic 中使用 SASS，你只需在終端中執行 ionic setup sass 命令即可。

按鈕中顏色的基本用法。button-<phrase> 類將使按鈕背景和邊框設定主題的顏色。

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

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

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

你的 CSS 字首選項如下：

<element>-light
<element>-stable
<element>-positive
<element>-calm
<element>-balanced
<element>-energized
<element>-assertive
<element>-royal
<element>-dark

這些類也可以新增到例如徽章等中。以下是徽章的示例：

<span class="badge badge-positive">Positive badge</span>