acmcsuf.com icon indicating copy to clipboard operation
acmcsuf.com copied to clipboard

global.css inconsistent custom properties for light/dark themes

Open tomasohCHOM opened this issue 1 year ago • 0 comments

What happened?

/static/global.css defines all the custom properties used across the entire website. However, it can be confusing to distinguish the value of the properties based on whether light or dark theme is on. For example, the properties --acm-dark and --acm-light are actually switched depending on the website's current theme.

To fix this, we could rename these properties (and all the references across the entire codebase) using more general terms for the theme properties, such as --acm-primary, or --acm-contrast, instead of --acm-dark or --acm-light.

tomasohCHOM avatar Jun 04 '24 16:06 tomasohCHOM