Open1

逆引き: UIkit v3

ヒカルヒカル

UIKit でプライマリーカラーをカスタマイズする方法

main.scss
// 1. Your custom variables and variable overwrites.
$global-primary-background: #96514d; // ⭐プライマリーカラーを変更
$global-link-color: #DA7D02; // ⭐リンクのカラーを変更

// 2. Import default variables and available mixins.
@import "~uikit/src/scss/variables-theme.scss";
@import "~uikit/src/scss/mixins-theme.scss";

// 3. Your custom mixin overwrites.
@mixin hook-card() { color: #000; }

// 4. Import UIkit.
@import "~uikit/src/scss/uikit-theme.scss";