v7.1.0

Theme Common

Table of Contents

Detail

各テーマ共通で扱う色変数。Color の変数を使用しています。

Theme Light・Theme Dark では _theme-common.scss の値を元にキーカラーのバリュエーションを算出しています。例えば、$theme-primary: purple; と設定すればメインボタン用の紫・ホバーした時の紫・ダークテーマの暗い紫などを一括生成できます。

Variables

Name
Default Value
Compiled Value
  • Name
    $theme-primary
    Default Value
    $cyan-500
    Compiled Value
    #37b0be
  • Name
    $theme-info
    Default Value
    $blue-500
    Compiled Value
    #4b9bd8
  • Name
    $theme-success
    Default Value
    $green-a700
    Compiled Value
    #2ca52c
  • Name
    $theme-warning
    Default Value
    $orange-700
    Compiled Value
    #ec8313
  • Name
    $theme-danger
    Default Value
    $red-500
    Compiled Value
    #db5757
  • Name
    $theme-focus
    Default Value
    $blue-a400
    Compiled Value
    #2497f0

Sources