rohskiddo/UMBRA
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix calendar weekend tint contrast and dot event margin

Browse Source 
- Weekend bg raised from hsl(0 0% 2%) to hsl(0 0% 5%) across all 4 rules
  (day cells, col headers, timegrid cols, daygrid-day-frame) so the tint is
  visually distinct against the #0a0a0a page background
- Reduced .fc-daygrid-event-dot margin from default 4px each side to
  0 2px 0 0 on umbra dot events, tightening the gap between dot and title

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Kyle 2026-03-13 07:50:01 +08:00
parent e18c94cd83
commit ebeaefe0c5
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/index.css
View File

@ -167,25 +167,25 @@
/* Weekend column tint */ /* Weekend column tint */
.fc .fc-day-sat, .fc .fc-day-sat,
.fc .fc-day-sun { .fc .fc-day-sun {
background-color: hsl(0 0% 2%); background-color: hsl(0 0% 5%);
} }
/* Weekend tint: header cells (higher specificity to override .fc-col-header-cell) */ /* Weekend tint: header cells (higher specificity to override .fc-col-header-cell) */
.fc .fc-col-header-cell.fc-day-sat, .fc .fc-col-header-cell.fc-day-sat,
.fc .fc-col-header-cell.fc-day-sun { .fc .fc-col-header-cell.fc-day-sun {
background-color: hsl(0 0% 2%) !important; background-color: hsl(0 0% 5%) !important;
} }
/* Weekend tint: timegrid column cells */ /* Weekend tint: timegrid column cells */
.fc .fc-timegrid-col.fc-day-sat, .fc .fc-timegrid-col.fc-day-sat,
.fc .fc-timegrid-col.fc-day-sun { .fc .fc-timegrid-col.fc-day-sun {
background-color: hsl(0 0% 2%); background-color: hsl(0 0% 5%);
} }
/* Weekend tint: daygrid frame layer (paints above td background in FC6) */ /* Weekend tint: daygrid frame layer (paints above td background in FC6) */
.fc .fc-day-sat .fc-daygrid-day-frame, .fc .fc-day-sat .fc-daygrid-day-frame,
.fc .fc-day-sun .fc-daygrid-day-frame { .fc .fc-day-sun .fc-daygrid-day-frame {
background-color: hsl(0 0% 2%); background-color: hsl(0 0% 5%);
} }
.fc .fc-col-header-cell { .fc .fc-col-header-cell {
@ -244,6 +244,7 @@
.fc .fc-daygrid-dot-event.umbra-event .fc-daygrid-event-dot { .fc .fc-daygrid-dot-event.umbra-event .fc-daygrid-event-dot {
border-color: var(--event-color) !important; border-color: var(--event-color) !important;
margin: 0 2px 0 0;
} }
.fc .fc-daygrid-dot-event.umbra-event:hover { .fc .fc-daygrid-dot-event.umbra-event:hover {