[Feature Request] Update dark mode page and card colors #99
Description
The Clubs team has had discussion on the background and page colors of the Clubs site, which were originally pulled from Trends. A perfectly black background is bad practice and a non-tinted card color aligns better with dark mode.
Add the following colors to globals.css:
--color-cornflower-950: #141327;
--color-light: #f6f6f6;
--color-dark: #101010;
Update the body className in layout.tsx:
// Example from change in Clubs
<body
className={`bg-light dark:bg-dark ${inter.variable} font-main ${baiJamjuree.variable} text-haiti dark:text-white`}
>
Update the backgrounds of any cards to be bg-white dark:bg-neutral-800.
This is a cross-project issue so making the same changes to Trends, Skedge, Rooms, Notebook, and Clubs on a branch in each project is required.
See:
UTDNebula/utd-trends#558
UTDNebula/utd-notebook#61
UTDNebula/skedge#102
UTDNebula/utd-clubs#557
Write access to Nebula projects is managed on a per-team basis so you may have it for one project but not the others. Dm on Discord if you need access for one of the other projects.