:root { /* primary */ --fc-forma-primary: #742774; --fc-forma-primary-over: #5D1F5D; --fc-forma-primary-down: #461746; --fc-forma-primary-foreground: #FFFFFF; /* calendar content */ --fc-forma-event: #8a3d8a; /* a bit lighter than primary */ --fc-forma-event-contrast: var(--fc-forma-primary-foreground); --fc-forma-background-event: var(--fc-forma-primary); --fc-forma-highlight: #74277459; /* neutral backgrounds */ --fc-forma-background: #FFFFFF; --fc-forma-faint: #00000008; --fc-forma-muted: #00000012; --fc-forma-strong: #0000001F; --fc-forma-stronger: #00000029; --fc-forma-strongest: #00000033; /* neutral foregrounds */ --fc-forma-foreground: #030712; --fc-forma-faint-foreground: #9ca3af; --fc-forma-muted-foreground: #6b7280; /* neutral borders */ --fc-forma-border: #E0E0E0; --fc-forma-muted-border: #E5E5E5; --fc-forma-strong-border: #A6A6A6; } @media not print { [data-color-scheme=dark] { /* primary */ --fc-forma-primary: #853885; --fc-forma-primary-over: #964996; --fc-forma-primary-down: #A75AA7; /* calendar content */ --fc-forma-highlight: #85388559; /* neutral backgrounds */ --fc-forma-background: #030712; --fc-forma-faint: #ffffff0A; --fc-forma-muted: #ffffff14; --fc-forma-strong: #ffffff1F; --fc-forma-stronger: #ffffff29; --fc-forma-strongest: #ffffff33; /* neutral foregrounds */ --fc-forma-foreground: #ffffff; --fc-forma-faint-foreground: #4b5563; --fc-forma-muted-foreground: #6b7280; /* neutral borders */ --fc-forma-border: #2a2a2a; --fc-forma-muted-border: #3A3A3A; --fc-forma-strong-border: #707070; } }