Unable to override primary color on custom theme
Hi Folks,
I am missing something here. I have created a custom theme and applied a few styles which I see are appearing as expected, but I am trying to override the var for primary-50 and it does not change. I can see in :root it is still showing the original color. Here is what I have in the tailwinds config for my custom theme:
import preset from '../../../../vendor/filament/filament/tailwind.config.preset'
export default {
presets: [preset],
content: [
'./app/Filament//*.php',
'./resources/views/filament//.blade.php',
'./vendor/filament/**/.blade.php',
],
theme: {
extend: {
colors: {
primary: {
50: '#479e58',
600: '#479e58',
},
custom: {
500: '#02911e',
600: '#479e58'
},
}
},
},
}
Is this the correct way I should be overriding the colors or is there a better approach? Thanks!
I am missing something here. I have created a custom theme and applied a few styles which I see are appearing as expected, but I am trying to override the var for primary-50 and it does not change. I can see in :root it is still showing the original color. Here is what I have in the tailwinds config for my custom theme:
import preset from '../../../../vendor/filament/filament/tailwind.config.preset'
export default {
presets: [preset],
content: [
'./app/Filament//*.php',
'./resources/views/filament//.blade.php',
'./vendor/filament/**/.blade.php',
],
theme: {
extend: {
colors: {
primary: {
50: '#479e58',
600: '#479e58',
},
custom: {
500: '#02911e',
600: '#479e58'
},
}
},
},
}
Is this the correct way I should be overriding the colors or is there a better approach? Thanks!
Solution
This can be ignored, I was overriding the color in the AppPanelProvider in ->colors.
