New Dashboard UI, Dark/Light Mode, Home Page

[aidenhuynh]

New dashboard UI

Implemented new UI from wireframe

• Generates classes and assignments from user data
• Redirects appropriately

Dashboard color changing

You can change the color of the dashboard cards, but it is not yet stored because we need to think over how to do that (local?)

• Auto sets placeholder based on color entered (if it is a valid hex code)
• converts rgb to hex
• garbage detection for if people try to edit multiple at once

// one at a time, ladies
    if (savedClassData != null) {
        alert(`Please finish editing "${editing}" before editing another class.`)
        return
    }

Light/dark mode in localstorage

I'm not explaining this you got it bro

const body = document.getElementsByTagName("body")[0]

if (DarkMode) {
    body.className = "dark"
    }
else {
    body.className = 'light'
    }