feat: Bootstrap 5

[jsit]

Fully remove Bootstrap 4 dependency in favor of Bootstrap 5

I should note that this changes the main green color in the Litely theme; Bootstrap 5 automatically generates foreground colors for given background colors, including with a set minimum contrast level.

I set the minimum contrast level to 3 (which passes WCAG AA for "large" text) -- the Bootstrap 5 default is a contrast level of 4.5, which would require a much darker green to handle. (The current white-on-green is only 2.23.)

Should probably offer a high-contrast theme that gets automatically selected for the prefers-contrast: more media query.

cc @fheft

[ayan4m1]

LGTM, thanks for this! 🚀

[alectrocute]

Low priority, but the tagline items in the admin panel have a strange hover background:

Untitled.mov

[jsit]

Tabs have a little bit of bottom border radius wonkiness:

@alectrocute These already look this way, and are fixed in #1382.

Thank you for all the feedback! Even in main there are some weird visual quirks, so it would be helpful if only regressions were pointed out here.

[alectrocute]

Please ignore any feedback that isn't related to/shouldn't be addressed in this PR. Thanks @jsit, good work as always!

[dessalines]

Thanks a ton for doing this! This should have some priority as the merge conflicts will start to pile up if we do too much work in other areas.

@SleeplessOne1917 Do you think this should come before or after 0.18.0?

[SleeplessOne1917]

@dessalines I think before 0.18 would be better.

[jsit]

@dessalines @SleeplessOne1917 I'll work on getting these final issues sorted out. Thanks!

[jsit]

@alectrocute

Low priority, but the tagline items in the admin panel have a strange hover background:

main does this too, not a regression.

At some point, our search form became a lot more squished in the corner. Would be nice to use all available space.

Fixed.

Tabs have a little bit of bottom border radius wonkiness:

This is in main; will be fixed in #1382.

Did this table background color change?

Fixed.

One more thing – Noticed some missing right margin on various items on Modlog:

Fixed.

input-group has some side effects.

Fixed.

[jsit]

Do you think this should come before or after 0.18.0?

Personally I think it might be better to wait. This PR is pretty young for its size, 0.18 is already in RC status, and I’d hate to saddle any instances with any undetected regressions this might cause until the next release.

This isn’t solving much for the end user, just some dependency maintenance.

However you’re right about the merge conflicts potentially becoming a big problem, so it should probably be merged very shortly after 0.18 is cut at least.

But if it would be more work to wait, I understand that too. It might also not be appropriate for a point release (0.18.1) so that makes sense too.

[dessalines]

I'll test this out locally rn.

Once we hit 0.18.0, we should be able to do much faster releases. These bigger PRs always tend to be blockers, and then fixing the merge conflicts in them quickly becomes a pain, so I agree that it's good to get them in ASAP.

It will probably be a bit on 0.18.0 anyway, as we're finding some back-end issues that need fixing. So I'm good merging this if most things test out okay.

[dessalines]

I tested it, and did a quick pass of some of the components, and everything looks good to me.

Yall have been making my clunky UI into something so much better :) Thanks a ton.

I agree with sleepless and merge this as is, and any other regressions we find can be fixed in smaller more disectable PRs.