Refactor/theme palette

[jrgarciadev]

📝 Description

A new theme palette was implemented because the old one doesn't support accessibility contrast, all components and docs were modified to use the new palette based on the radix-ui colors package https://www.radix-ui.com/colors

⛳️ Current behavior (updates)

The current theme palette has some accessibility contrast issues

🚀 New behavior

Accessible base theme palette with the right contrast and better scales starting at 50 and ending at 900, based on the radix-ui colors package https://www.radix-ui.com/colors

💣 Is this a breaking change (Yes/No): Yes

If you are using any of the NextUI base colors or accents colors through the tokens or theme object you should see and migrate your tokens/variables, takes this into account:

• 500 step is now 600 for base colors ex: yellow500 (old) -> yellow600 (new)
• accent1 is now accent0 an so on, ex: accent1 (old) -> accent0 (new)

📝 Additional Information

Users will be able to import the colors separately as follows:

import { blue, yellow, blueDark, yellowDark, Text } from "@nextui-org/react";

export default function App() {
  return (
    <div>
      <Text color={blue.blue800}>Option A</Text>
    </div>
  );
}