2025-05-09 07:03:19 +08:00
|
|
|
// 在引入Bootstrap前自定义变量
|
|
|
|
|
|
|
|
// 主题颜色 - 根据需要修改这些值
|
|
|
|
$primary: #6366f1; // 靛蓝色 (Indigo)
|
|
|
|
$secondary: #6c757d; // 灰色
|
|
|
|
$success: #198754; // 绿色
|
|
|
|
$info: #0dcaf0; // 浅蓝色
|
|
|
|
$warning: #ffc107; // 黄色
|
|
|
|
$danger: #dc3545; // 红色
|
|
|
|
$light: #f8f9fa; // 浅色
|
|
|
|
$dark: #212529; // 深色
|
|
|
|
|
|
|
|
$indigo-50: #eef2ff;
|
|
|
|
$indigo-100: #e0e7ff;
|
|
|
|
$indigo-500: #6366f1;
|
|
|
|
$violet-50: #f5f3ff;
|
|
|
|
$violet-100: #ede9fe;
|
2025-05-10 02:14:03 +08:00
|
|
|
$violet-150: #E0E1FAFF;
|
|
|
|
$neutral-150: #f8f9faFF;
|
|
|
|
$neutral-200: #F3F4F6FF;
|
|
|
|
$neutral-350: #CFD2DAFF;
|
|
|
|
$neutral-600: #565e6cff;
|
|
|
|
$neutral-700: #323842ff;
|
|
|
|
$neutral-900: #171a1fff;
|
2025-05-09 07:03:19 +08:00
|
|
|
$zinc-600: #52525b;
|
|
|
|
// 字体
|
|
|
|
$font-family-sans-serif: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
|
|
|
|
sans-serif;
|
|
|
|
$font-size-base: 1rem;
|
|
|
|
|
|
|
|
// 其他自定义
|
|
|
|
$border-radius: 0.375rem;
|
|
|
|
$box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
|
|
|
|
|
|
|
|
// 导入Bootstrap
|
|
|
|
@import 'bootstrap/scss/bootstrap';
|
|
|
|
|
2025-05-09 09:22:14 +08:00
|
|
|
:root {
|
|
|
|
--bs-breadcrumb-font-size: 1.5rem;
|
|
|
|
--bs-body-color: #171A1FFF;
|
2025-05-10 02:14:03 +08:00
|
|
|
--bs-btn-color: white !important;
|
|
|
|
--bs-btn-hover-color: white !important;
|
2025-05-09 09:22:14 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.btn-primary {
|
|
|
|
--bs-btn-color: white !important;
|
|
|
|
--bs-btn-hover-color: white !important;
|
|
|
|
}
|
2025-05-10 02:14:03 +08:00
|
|
|
.btn-outline-primary {
|
|
|
|
--bs-btn-color: #6366f1 !important;
|
|
|
|
--bs-btn-hover-color: white !important;
|
|
|
|
}
|
2025-05-09 09:22:14 +08:00
|
|
|
|
2025-05-09 07:03:19 +08:00
|
|
|
#root {
|
|
|
|
background-color: #f5f3ff;
|
|
|
|
}
|
2025-05-09 09:22:14 +08:00
|
|
|
|
|
|
|
a {
|
|
|
|
text-decoration: none !important;
|
|
|
|
&:hover {
|
|
|
|
text-decoration: none !important;
|
|
|
|
}
|
|
|
|
}
|