Evan 62299c9714 standardize UI colors to fit brand guidelines (#3754) ...

## Description:

We have brand colors:

<img width="738" height="900" alt="Screenshot 2026-04-25 at 12 52 29 PM"
src="https://github.com/user-attachments/assets/aac69e87-91f2-4c3f-9f1e-f69f48f5943e"
/>

So update the homepage & in-game UI to use those colors:

<img width="1185" height="946" alt="Screenshot 2026-04-25 at 12 51
06 PM"
src="https://github.com/user-attachments/assets/89a0b12c-2db1-43d4-9500-fcf405c0f7ff"
/>

Also updated buttons to use the o-button element

## Please complete the following:

- [x] I have added screenshots for all UI updates
- [x] I process any text displayed to the user through translateText()
and I've added it to the en.json file
- [x] I have added relevant tests to the test directory
- [x] I confirm I have thoroughly tested these changes and take full
responsibility for any bugs introduced

## Please put your Discord username so you can be contacted if a bug or
regression is found:

evan

2026-04-25 13:53:21 -06:00

..

components

standardize UI colors to fit brand guidelines (#3754)

2026-04-25 13:53:21 -06:00

core

standardize UI colors to fit brand guidelines (#3754)

2026-04-25 13:53:21 -06:00

layout

standardize UI colors to fit brand guidelines (#3754)

2026-04-25 13:53:21 -06:00

modal

Remove duplicate CSS rules to improve maintainability (#2111)

2025-09-28 17:50:57 -07:00