vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(fullcalendar): 适配黑金主题色

Browse Source 
- 按钮背景色从紫色改为金色 (#D4AF37)
- 按钮文字改为深色 (#0A0A14)
- hover/active 状态使用深金色 (#B8960C)
- focus 阴影改为金色调

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-23 11:57:16 +08:00
parent 89ed59640e
commit 3dabddf222
1 changed files with 28 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/assets/scss/soft-design-system-pro/plugins/pro/_fullcalendar.scss
View File

@@ -203,44 +203,46 @@ When it's NOT activated, the fc-button classes won't even be in the DOM.
} }
.fc .fc-button-primary { .fc .fc-button-primary {
color: #fff; color: #0A0A14;
color: var(--fc-button-text-color, #fff); color: var(--fc-button-text-color, #0A0A14);
background-color: #805AD5; background-color: #D4AF37;
background-color: var(--fc-button-bg-color, #805AD5); background-color: var(--fc-button-bg-color, #D4AF37);
border-color: #805AD5; border-color: #D4AF37;
border-color: var(--fc-button-border-color, #805AD5); border-color: var(--fc-button-border-color, #D4AF37);
font-weight: 600;
} }
.fc .fc-button-primary:hover { .fc .fc-button-primary:hover {
color: #fff; color: #0A0A14;
color: var(--fc-button-text-color, #fff); color: var(--fc-button-text-color, #0A0A14);
background-color: #6B46C1; background-color: #B8960C;
background-color: var(--fc-button-hover-bg-color, #6B46C1); background-color: var(--fc-button-hover-bg-color, #B8960C);
border-color: #6B46C1; border-color: #B8960C;
border-color: var(--fc-button-hover-border-color, #6B46C1); border-color: var(--fc-button-hover-border-color, #B8960C);
} }
.fc .fc-button-primary:disabled { /* not DRY */ .fc .fc-button-primary:disabled { /* not DRY */
color: #fff; color: #0A0A14;
color: var(--fc-button-text-color, #fff); color: var(--fc-button-text-color, #0A0A14);
background-color: #805AD5; background-color: #B8960C;
background-color: var(--fc-button-bg-color, #805AD5); background-color: var(--fc-button-bg-color, #B8960C);
border-color: #805AD5; border-color: #B8960C;
border-color: var(--fc-button-border-color, #805AD5); /* overrides :hover */ border-color: var(--fc-button-border-color, #B8960C); /* overrides :hover */
opacity: 1;
} }
.fc .fc-button-primary:focus { .fc .fc-button-primary:focus {
box-shadow: 0 0 0 0.2rem rgba(128, 90, 213, 0.5); box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.5);
} }
.fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active { .fc .fc-button-primary:not(:disabled).fc-button-active {
color: #fff; color: #0A0A14;
color: var(--fc-button-text-color, #fff); color: var(--fc-button-text-color, #0A0A14);
background-color: #6B46C1; background-color: #B8960C;
background-color: var(--fc-button-active-bg-color, #6B46C1); background-color: var(--fc-button-active-bg-color, #B8960C);
border-color: #6B46C1; border-color: #B8960C;
border-color: var(--fc-button-active-border-color, #6B46C1); border-color: var(--fc-button-active-border-color, #B8960C);
} }
.fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled):active:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus { .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
box-shadow: 0 0 0 0.2rem rgba(128, 90, 213, 0.5); box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.5);
} }
.fc { .fc {