regalijan/car-crushers-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Force dark styles for calendar

Browse Source
This commit is contained in:
Regalijan 2024-12-03 00:43:18 -05:00
parent 38f9b39572
commit 3d316e5a0a
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
2 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/routes/events-calendar.tsx
View File

@ -1,4 +1,5 @@
import calendarStyles from "react-big-calendar/lib/css/react-big-calendar.css"; import calendarStyles from "react-big-calendar/lib/css/react-big-calendar.css";
import calendarOverrides from "../styles/calendar.css";
import eventStyles from "../styles/events-team.css"; import eventStyles from "../styles/events-team.css";
import { Calendar, dayjsLocalizer } from "react-big-calendar"; import { Calendar, dayjsLocalizer } from "react-big-calendar";
import dayjs from "dayjs"; import dayjs from "dayjs";
@ -29,6 +30,7 @@ export const links: LinksFunction = () => {
return [ return [
{ href: calendarStyles, rel: "stylesheet" }, { href: calendarStyles, rel: "stylesheet" },
{ href: eventStyles, rel: "stylesheet" }, { href: eventStyles, rel: "stylesheet" },
{ href: calendarOverrides, rel: "stylesheet" },
]; ];
}; };

17
app/styles/calendar.css Normal file
View File

@ -0,0 +1,17 @@
.rbc-show-more {
background-color: unset;
}
@media (prefers-color-scheme: dark) {
.rbc-off-range-bg {
background: #12161f;
}
.rbc-overlay-header {
color: #2d3748;
}
.rbc-today {
background-color: #747bff;
}
}