chore(frontend): Standardize custom colors used throughout the app

[amanape]

Changes

• Replace all instances of *-neutral-900 and *-[#171717] class names with bg-base (formerly bg-root-primary)
• Replace all instances of *-neutral-800 and *-[#262626] class names with bg-base-secondary (formerly bg-root-secondary)
• Define new primary, tertiary, and tertiary-light colors
• Change success and danger colors

---

Link of any specific issues this addresses

---

To run this PR locally, use the following command:

docker run -it --rm   -p 3000:3000   -v /var/run/docker.sock:/var/run/docker.sock   --add-host host.docker.internal:host-gateway   -e SANDBOX_RUNTIME_CONTAINER_IMAGE=docker.all-hands.dev/all-hands-ai/runtime:7e8bfdf-nikolaik   --name openhands-app-7e8bfdf   docker.all-hands.dev/all-hands-ai/openhands:7e8bfdf

[rbren]

are there better words for sub, subtle and subtle-alt? Even color names like light-gray and medium-gray might be easier to reason about

[amanape]

I want to avoid titles that include the color such as light-gray and medium-gray since they may be changed and not to be confused with Tailwind default color class names (text-gray-500, text-white, etc)

root -> base
sub -> base-secondary
subtle -> tertiary
subtle-alt -> tertiary-light

[rbren]

OK. Not a hill I'm going to die on :) But I'm not sure a new person would know when to use which, if there's any more guidance we can provide (e.g. are these always background colors? text colors?)

[amanape]

I could add comments in the config definitions. The colors themselves aren't really limited to certain use cases. For example, the tertiary color is used for input borders and placeholder text. base-secondary is mostly for the background color, but also for tooltips.

We could revert base -> background-primary and base-secondary to background-secondary; but not sure what we could name the tertiary and tertiary-light. If we use terms like "border" or "text" in the color, it will look unpleasant (e.g., the class name would be text-[key], which could end up looking text-text or border-border

WDYT?

[rbren]

Yeah sounds complicated :) I trust your judgement here, I don't need to be a blocker

[rbren]

Just one comment