CreatorCenter_OOIN/src/styles/custom-theme.scss

64 lines
1.4 KiB
SCSS
Raw Normal View History

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;
}
}