Fix calendar styling
This commit is contained in:
@@ -86,10 +86,10 @@ const PANTRY_CALENDAR_THEME = {
|
||||
dimmedBg: 'transparent',
|
||||
dimmedBorder: 'transparent',
|
||||
dot: 'rgb(var(--text-faint-rgb))',
|
||||
selectedBg: 'rgb(var(--card-rgb))',
|
||||
selectedBorder: 'rgb(var(--border-input-rgb))',
|
||||
selectedBorder: 'rgba(var(--text-emphasis-rgb),0.34)',
|
||||
selectedText: 'rgb(var(--text-emphasis-rgb))',
|
||||
selectedDot: 'rgb(var(--text-emphasis-rgb))',
|
||||
selectedShadow: '0 0 0 1px rgba(var(--text-emphasis-rgb),0.10)',
|
||||
};
|
||||
|
||||
/* ── state ── */
|
||||
|
||||
@@ -188,12 +188,12 @@ function initShoppingCalendar() {
|
||||
showDot: dateKey(day) === todayKey() && !isSelected,
|
||||
}),
|
||||
theme: {
|
||||
selectedBg: 'rgb(var(--card-rgb))',
|
||||
selectedBorder: 'rgb(var(--border-input-rgb))',
|
||||
selectedBorder: 'rgba(var(--text-emphasis-rgb),0.34)',
|
||||
selectedText: 'rgb(var(--text-emphasis-rgb))',
|
||||
selectedDot: 'rgb(var(--text-emphasis-rgb))',
|
||||
selectedShadow: '0 0 0 1px rgba(var(--text-emphasis-rgb),0.10)',
|
||||
bg: 'rgb(var(--app-bg-rgb))',
|
||||
border: 'rgb(var(--card-raised-rgb))',
|
||||
border: 'transparent',
|
||||
text: 'rgb(var(--text-body-soft-rgb))',
|
||||
dimmedBg: 'transparent',
|
||||
dimText: CALENDAR_DIM_TEXT,
|
||||
@@ -268,6 +268,7 @@ function closeCalendar() {
|
||||
pill.style.background = 'rgb(var(--card-rgb))';
|
||||
pill.style.borderColor = 'rgb(var(--border-card-rgb))';
|
||||
}
|
||||
shoppingCalendar?.clearPendingRange?.();
|
||||
shoppingCalendar?.resetTrackPosition();
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user