Kým je Filament primárne navrhnutý na prácu s Tailwind CSS, na vytváranie tém je možné použiť iný rámec CSS, hoci si to môže vyžadovať viac vlastnej práce. Tu je niekoľko možností:
1. Používanie iného rámca CSS popri Tailwind:
– Svoj preferovaný rámec CSS môžete zahrnúť do svojho projektu spolu s Tailwindom.
- To vám umožní použiť Tailwind pre základné komponenty Filament a váš vlastný rámec pre vlastný štýl.
- Možno však budete musieť prepísať niektoré štýly Tailament, aby váš rámec fungoval bez problémov.
2. Nahradenie Tailwind iným rámcom:
- Tailwind je možné úplne nahradiť iným rámcom CSS, ako je Bootstrap alebo Foundation.
– Zahŕňa to odstránenie Tailwind a jeho doplnkov a integráciu vami zvoleného rámca.
- Budete musieť znova vytvoriť štýly pre komponenty Filament pomocou vášho nového rámca.
- Tento prístup vyžaduje viac úsilia a nemusí byť oficiálne podporovaný filamentom.
3. Použitie rámcovo-agnostického prístupu:
- Namiesto spoliehania sa na konkrétny rámec CSS môžete použiť k stylovaniu prístup agnostický rámec.
- Zahŕňa to písanie obyčajného CSS alebo použitie preprocesora ako Sass/Less a aplikovanie štýlov priamo na prvky a triedy HTML.
- Aj keď to poskytuje najväčšiu flexibilitu, vyžaduje si to viac ručnej práce na úpravu komponentov a udržanie konzistencie.
Bez ohľadu na prístup majte na pamäti, že použitie iného rámca CSS môže vyžadovať viac zákazkovej práce a nemusí byť oficiálne podporované spoločnosťou Filament. Tím Filament odporúča používať Tailwind CSS pre najlepší zážitok a kompatibilitu s funkciami a doplnkami rámca[1][2].
Ak sa rozhodnete použiť iný rámec, nezabudnite dôkladne otestovať svoju vlastnú tému a buďte pripravení zvládnuť akékoľvek problémy s kompatibilitou, ktoré sa môžu vyskytnúť počas aktualizácií Filament.
Citácie:[1] https://filamentphp.com/community/easy-way-to-create-a-filament-theme-in-minutes
[2] https://docs.laravel-filament.cn/docs/2.x/admin/appearance/
[3] https://github.com/yepsua/filament-themes
[4] https://filamentphp.com/docs/3.x/panels/themes
[5] https://github.com/filamentphp/filament/discussions/9604