Changing FilementPHP Header Colors: Can You Hack the Vendor Folder and Tweak That Topbar?

Does anyone know if it is easy to change the header colors of filementphp. You could do this by overwriting CSS, but the problem is that the menu and the classes associated with it live within the filementphp package, i.e. in the vendor folder. Is it possible, for example, to take the topbar/index.blade.php outside the vendor folder and overwrite it?
No description
Solution:
Can you do this? ```php .fi-topbar { @apply bg-slate-100;...
Jump to solution
6 Replies
toeknee
toeknee6mo ago
Why would you do that. You should just add some custom CSS...... You can overriude the view too, but we HIGHLY recommend against it, especially for a simple color change.
daan5964
daan59646mo ago
So overwrite the bg-white class for example?
Solution
Andy
Andy6mo ago
Can you do this?
.fi-topbar {
@apply bg-slate-100;
}
.fi-topbar {
@apply bg-slate-100;
}
daan5964
daan59646mo ago
Don't seems to work. The css is loaded but nothing changes
toeknee
toeknee6mo ago
I can't see all your code... But it's fairly simple. Just say do:
nav.bg-white {
@apply bg-slate-100 !important;
}
nav.bg-white {
@apply bg-slate-100 !important;
}
run npm run build to compile it in and your class should be there. this is basic css
daan5964
daan59646mo ago
That sir, did work The topbar was overwritten