CRUD icon indicating copy to clipboard operation
CRUD copied to clipboard

Create a Bootstrap theme for v6

Open tabacitu opened this issue 2 years ago • 3 comments

In order to test @maurohmartinez 's tutorial on how to create new themes in Backpack v6, it'd be interesting to create a new theme with plain Bootstrap styles - like the ones in the examples here - https://getbootstrap.com/docs/5.3/examples/

The point being that we could use this basic theme:

  • either as the ultimate fallback to other themes (Tabler, CoreUIv4)
  • OR as a starting point for any new themes

Please don't go overboard @promatik 😀 The point for this isn't to change theme file structure, but to review the tutorial and our whole theming architecture and process. We could (or maybe should) change file structure, I know... but that's a whole separate thing.

Our goal with the tutorial: anybody to be able to create a new Backpack theme... in under 5 hours.

Image

tabacitu avatar Apr 21 '23 08:04 tabacitu

Here the steps to do it!

maurohmartinez avatar Apr 21 '23 09:04 maurohmartinez

Update:

  • we now have better steps to do it in https://backpackforlaravel.com/docs/6.x/add-ons-tutorial-how-to-create-a-theme
  • I've create a Bootstrap theme, just to test the process; here's the zip for it - theme-bootstrap.zip

And you know what... I kind of like it:

CleanShot 2023-06-30 at 14 39 46

It's very minimalistic. Of course, it needs quite a bit of polish in terms of looks. Needs someone to spice it up with extra CSS. THEN we can actually use this theme - we can recommend people use this as the fallback theme instead of CoreUIv4, because it's the simplest.

tabacitu avatar Jun 30 '23 11:06 tabacitu

Can't continue working on this right now though... we have a v6 to launch TO.DAY! 🎉💪

We'll continue next week, after launch. Creating this has proven our theming system is OK. Which is all we needed to do right before launch.

tabacitu avatar Jun 30 '23 11:06 tabacitu