Pull Request for Issue #34322 reverts and improves on #34246

Summary of Changes

In Joomla 4 we have two types of Warning Alert rendering.

We have bootstrap with standard alert alert-warning classes (An example: Field notes. Login to Joomla admin and then go to User Menu -> Edit account -> Joomla API Token)

We also have joomla-alert custom element. (An example: Login to Joomla admin with a wrong user and pass and see the warning)

After the changes in #34246 the custom element looked good, but the bootstrap element looked "too yellow"

*"looked good". = Bright yellow border and optional left panel and "muddy" text
*"too yellow" = Bright yellow text and bright yellow border and optional left panel

Testing Instructions

Using the two example above - check them before and after applying this PR

Remember to rebuild your CSS with npm run build:css after applying the PR, and remember browsers aggressively cache css files.

Actual result BEFORE applying this Pull Request

Custom Elements:

Bootstrap Elements:

Expected result AFTER applying this Pull Request

Custom Elements:

Bootstrap Elements:

Contrast

The muddy color on the yellow background gives a contrast ratio of 4.68 which is good enough for AA but not the 7.0 needed for AAA which would require the muddy cooler to be #745000