Old colors for dark mode
I really like the new theme in light mode, but I don't like the new dark one. Is there an easy way to get the V2 dark theme back?
9 Replies
Not sure there's an easy way but it feels like changing the background + primary color would get you pretty close to the old look. I'm curious, have you tried modifying your theme?
Well actually I tried it by changing the grey color on the panel. The behavior is a bit unexpected.
for example:
I am expecting, that this doesn't change the theme at all.. but it does 😮
This is with this setting
this is without it
so filament's default theme isn't using its default colors?
I think the default color for filament is gray
so you can overwrite it with anything
'gray' => Color::hex('#ccdd33'),
will give you:
Wow, interesting. I'm not familiar enough yet to be able to explain it 😅
Gray is gray, it’s what ever you define it as. Themes use css properties to handle all the colors. But they are still keyed. And the overall base color for the panel is whatever is defined as ‘gray’
Keep in mind in tailwind that there are different ‘grays’ but changing the color won’t change the shades that are used on the components. So if you wanted to make the background lighter for instance, you have to make a custom theme and target that element and change its background from gray-950 to gray-900 for example.
Nice, I will try this. Because I created a custom css and used
.fi hooks to change all possible classes.