tailwind css classes not working in custom theme
I'm asking this here because I don't think it's a purely tailwindcss issue. I think it's related to custom themes. I'm trying to use
I did the following:
1) I created the custom theme
2) I added the file I need to get the styles from to the content array in the
3) I ran
4) I'm referencing the css file like so in my layout file (separate layout file from the main one):
5) I also added the colors plugin to the
I can
Here's my tailwind.config.js file:
The page that I want to use the CSS file on is outside of the normal filament tenant, but I'm thinking it should still work the same way if I'm referencing the CSS file. I can't find the value #f1f5f9 in the compiled css file either, which is the slate-100 color.
bg-slate-100I did the following:
1) I created the custom theme
2) I added the file I need to get the styles from to the content array in the
tailwind.config.js3) I ran
npm run build4) I'm referencing the css file like so in my layout file (separate layout file from the main one):
<link href="{{ asset('css/filament/filament/app.css') }}" rel="stylesheet" />5) I also added the colors plugin to the
tailwind.config.jsI can
ddHere's my tailwind.config.js file:
The page that I want to use the CSS file on is outside of the normal filament tenant, but I'm thinking it should still work the same way if I'm referencing the CSS file. I can't find the value #f1f5f9 in the compiled css file either, which is the slate-100 color.
