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 tailwind.config.js:
--color-cornflower-950: #141327;
--color-light: #f6f6f6;
--color-dark: #101010;
Update the body className in all pages:
// 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-rooms#99
UTDNebula/utd-notebook#61
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.
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
tailwind.config.js:Update the
bodyclassNamein all pages: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-rooms#99
UTDNebula/utd-notebook#61
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.