style(Center): 日历组件样式微调
- CalendarPanel: 优化金色渐变标题效果 - InvestmentCalendar.less: 调整间距和边框样式 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -26,8 +26,31 @@
|
||||
// 今天高亮背景
|
||||
@today-bg: rgba(212, 175, 55, 0.1);
|
||||
|
||||
// ==================== FullCalendar 样式 ====================
|
||||
// ==================== FullCalendar CSS Variables 覆盖 ====================
|
||||
// FullCalendar v6 使用 CSS-in-JS,必须通过 CSS Variables 覆盖默认样式
|
||||
.fc {
|
||||
// 按钮颜色
|
||||
--fc-button-text-color: @bg-deep;
|
||||
--fc-button-bg-color: @gold-400;
|
||||
--fc-button-border-color: @gold-400;
|
||||
--fc-button-hover-bg-color: @gold-500;
|
||||
--fc-button-hover-border-color: @gold-500;
|
||||
--fc-button-active-bg-color: @gold-500;
|
||||
--fc-button-active-border-color: @gold-500;
|
||||
|
||||
// 今天高亮
|
||||
--fc-today-bg-color: @today-bg;
|
||||
|
||||
// 边框和背景
|
||||
--fc-border-color: @line-default;
|
||||
--fc-page-bg-color: transparent;
|
||||
--fc-neutral-bg-color: rgba(212, 175, 55, 0.05);
|
||||
|
||||
// 事件颜色(可选)
|
||||
--fc-event-bg-color: @gold-400;
|
||||
--fc-event-border-color: @gold-400;
|
||||
--fc-event-text-color: @bg-deep;
|
||||
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user