Has this happened to anyone before where the color theme of the UI turns white? Other roles I've tried work fine with the default blue but when I switch to a specific role it turns into this. And if there is a fix for it?

Go to your user preferences (Home Icon->Set Preferences) & change the colour scheme (Appearance tab)

yes the color scheme can be changed but the problem is it's not supposed to be white like this. Currently this role is set to Basic:Green and when I go to preferences this is what it looks like

Changing the colour scheme usually fixes it for me. Clearing the browser cache may also work

@blue have had his happen to me when i don't logout overnight and l log back in the next morning. Dong a Shift+CTRL+ R fixes his or clearing you cache like @PNJ mentioned

I'll try that thanks!