81 lines
1.8 KiB
CSS
81 lines
1.8 KiB
CSS
/* ============================================
|
||
🌿 Ghibli Pastel Theme for Bootstrap 5
|
||
Created by ChatGPT
|
||
============================================ */
|
||
|
||
/* 🎨 Primary (연녹색) */
|
||
.btn-primary {
|
||
background-color: #a3c9a8 !important;
|
||
border-color: #a3c9a8 !important;
|
||
color: #ffffff !important;
|
||
}
|
||
|
||
.btn-primary:hover {
|
||
background-color: #90b893 !important;
|
||
border-color: #90b893 !important;
|
||
}
|
||
|
||
/* 🎨 Secondary (복숭아 베이지) */
|
||
.btn-secondary {
|
||
background-color: #f3d5c0 !important;
|
||
border-color: #f3d5c0 !important;
|
||
color: #000 !important;
|
||
}
|
||
|
||
/* ✅ Success (민트) */
|
||
.btn-success,
|
||
.alert-success {
|
||
background-color: #b5ead7 !important;
|
||
border-color: #b5ead7 !important;
|
||
color: #000 !important;
|
||
}
|
||
|
||
/* 🚨 Danger (연핑크) */
|
||
.btn-danger,
|
||
.alert-danger {
|
||
background-color: #ffaaa7 !important;
|
||
border-color: #ffaaa7 !important;
|
||
color: #fff !important;
|
||
}
|
||
|
||
/* ⚠️ Warning (살구 오렌지) */
|
||
.btn-warning,
|
||
.alert-warning {
|
||
background-color: #ffd3b6 !important;
|
||
border-color: #ffd3b6 !important;
|
||
color: #000 !important;
|
||
}
|
||
|
||
/* ℹ️ Info (연보라) */
|
||
.btn-info,
|
||
.alert-info {
|
||
background-color: #c7ceea !important;
|
||
border-color: #c7ceea !important;
|
||
color: #000 !important;
|
||
}
|
||
|
||
/* 🌤 Light (거의 흰색) */
|
||
.btn-light,
|
||
.alert-light {
|
||
background-color: #f9f9f9 !important;
|
||
border-color: #f9f9f9 !important;
|
||
color: #000 !important;
|
||
}
|
||
|
||
/* 🌑 Dark (부드러운 진회색) */
|
||
.btn-dark,
|
||
.alert-dark {
|
||
background-color: #444444 !important;
|
||
border-color: #444444 !important;
|
||
color: #fff !important;
|
||
}
|
||
|
||
/* 💫 감성 버튼 스타일 통일 */
|
||
.btn {
|
||
border-radius: 20px;
|
||
font-family: 'Yeon Sung', cursive;
|
||
padding: 10px 10px;
|
||
font-size: 1rem;
|
||
transition: background-color 0.3s ease;
|
||
}
|