Bibleio Design v2.0.0

[dukcc]

We reworked our style system with Tailwind, and polished up our components. Soon, we plan to add a ThemeProvider component which will allow you to change the accent and tint color of the entire application.

Changelog & Migration

• All materials and colors are no longer prefixed by a light- or a dark-. They are all just simply their name, so instead of bg-light-fg-2, use bg-fg-2. The Tailwind styles now work of off CSS variables, so you don't have to add a dark: selector for each and every class. You'll have to implement your own dark mode switching for now, but we plan to add a component for you to use soon.

• Changed Tailwind preset name tailwindCore to bibleioTheme.

• Removed -disabled and -active variants of styles. For disabled pieces, just set the opacity to 33%. If you need something to be the accent color just use the accent style.

• Every style except materials now have a "reversed" variant. Example: In light mode, text-text is black; so the reversed variant would be white.

• Added orange, lime, teal, and pink colors, to prepare for more customizable themes and accents.

• Switched everything that used to use colour to use color.

- 'bg-dark-blue text-white dark:text-black dark:bg-light-blue shadow-light-coloured-component dark:shadow-dark-coloured-component'
+ 'bg-accent-reversed text-text-reversed shadow-colored-component'