Text Surface class - what is it and why would we use it?

[MacelinCane]

Hi All,
I have a project using Tailwinds Elements.

Quite often, in examples, there are classes: text-surface and bg-surface.
We've never heard of 'surface' and it appears in ZERO documentation from either library provider (TWE or Tailwindcss), but searching google yields little help either.

Super curious about this. Any help would be greatly appreciated!

[iprzybysz]

Hi @MacelinCane , surface is a custom style which was added by us as part of our theme and is declared in the plugin.cjs file. For more information on adding custom styles in Tailwind CSS, please refer to the Tailwind CSS Adding custom styles documentation.

[MacelinCane]

Hi,
Thanks! Can you add where I can find documentation on it? I'm not talking about in the code where I need to decipher what colors or whatever it is, but something that actually shows us something we can reference in order to keep using it? I've so far had to manually purge it from my project elements because I can find no reference as to which purpose is serves. Something like this perhaps.... https://tailwindcss.com/docs/customizing-colors
Thanks!

[iprzybysz]

Unfortunately, we don't have such documentation. Still, I recommend you use the Tailwind CSS IntelliSense extension in your code editor which will show you all available classes in the project while writing the code.