theme.colors.yellow[x] colors not showing | Mantine | Page 1

ruby knot Oct 7, 2022, 7:13 AM

#

Trying to see if I messed something up, however I'm using the default theme with nothing added a to my default theme other than marking the scheme to dark. When I try to use any of the default yellow colors - it doesn't work, it just appears as white text. eg:

// usage
<Title order={2} color={theme.colors.yellow[4]} transform={'uppercase'}>
  I should be yellow[4]
</Title>

Picture is attached

#

Here is where I set the color scheme. Using it with Remix

young sleet Oct 7, 2022, 7:23 AM

#

color={'yellow'} or sx={(theme) => ({ color: theme.colors.yellow[4]})

#

https://mantine.dev/core/title/?t=props

Title

h1-h6 headings

#

color
DefaultMantineColor | "dimmed"
Key of theme.colors or any valid CSS color

#

You can also do color="yellow.4".

ruby knot Oct 7, 2022, 7:36 AM

#

So I attempted that along with creating a <Text></Text> and it's not working either. It appears that yellow just isn't loading

young sleet Oct 7, 2022, 7:37 AM

#

Which version of the library are you using?

ruby knot Oct 7, 2022, 7:37 AM

#

5.5.2

#

I'll update core and others to 5.5.4 and see if that fixes it, just noticed there was a patch out in #🩹-patches

young sleet Oct 7, 2022, 7:39 AM

#

https://codesandbox.io/s/sharp-ritchie-qcpww1?file=/src/App.tsx

#

Version is 5.5.2.

#theme.colors.yellow[x] colors not showing