結局使わなかったのでお裾分け
追加CSS
.btn-bd-hotpink {
--bd-pink-bg: #ff69b4;
--bd-pink-rgb: 255, 105, 180;
--bs-btn-font-weight: 600;
--bs-btn-color: var(--bs-white);
--bs-btn-bg: var(--bd-pink-bg);
--bs-btn-border-color: var(--bd-pink-bg);
--bs-btn-hover-color: var(--bs-white);
--bs-btn-hover-bg: #e55ea2;
--bs-btn-hover-border-color: #e55ea2;
--bs-btn-focus-shadow-rgb: var(--bd-pink-rgb);
--bs-btn-active-color: var(--bs-btn-hover-color);
--bs-btn-active-bg: #cc5490;
--bs-btn-active-border-color: #cc5490;
}
ホバーで明るくなった方が好みなんですが、Bootstrapのボタンはホバーで暗くなるので
他のボタンとの併用を考えた配色にしています。
0 comments:
スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。
注: コメントを投稿できるのは、このブログのメンバーだけです。