Skip to content

[Feature Request] Update dark mode page and card colors #102

@TyHil

Description

@TyHil

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-900.

This is a cross-project issue so making the same changes to Trends, Skedge, Rooms, and Notebook on a branch in each project is required.

See:
UTDNebula/utd-trends#558
UTDNebula/utd-rooms#99
UTDNebula/utd-notebook#61

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: On HoldThis has been delayed for a future sprint or releaseType: Feature RequestNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions