[4.0] Fixing Warning Alert color contrast

[infograf768]

Pull Request for Issue #30375

Summary of Changes

As title says. Changing Warning heading and Close button to black to increase contrast with Yellow background

Testing Instructions

Try to login with a wrong password. in frontend as well as backend
You will get a warning.

NPM after patch

Actual result BEFORE applying this Pull Request

Frontend

Backend

Expected result AFTER applying this Pull Request

Frontend

Backend

[sandewt]

Joomla! 4.0.0-beta4-dev Development [ Mañana ] 29-July-2020 18:21 GMT
Joomla_4.0.0-beta4-dev+pr.30382-Development-Full_Package.zip

Note: I miss the yellow border top of the warming message in the administrator, as it can be seen in the frontend.

See test result below.

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/30382.}

[sandewt]

I have tested this item ✅ successfully on 957384d

See my comment above.

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/30382.}

[infograf768]

Note: I miss the yellow border top of the warming message in the administrator, as it can be seen in the frontend.

This is only for the login page and the border is there, although just close to the header.
If desired, one could modify slightly the code in login.php to include <jdoc:include type="message" /> in a <div> with a specific class. Not sure it is necessary.

Thanks for testing.

[chmst]

I have tested this item ✅ successfully on 957384d

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/30382.}

[richard67]

RTC

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/30382.}

[richard67]

Thanks to all (coder and testers).

[sandewt]

If desired, one could modify slightly the code in login.php to include <jdoc:include type="message" /> in a <div> with a specific class. Not sure it is necessary.

I have tried something with an existing class for the look and feel.
Disadvantage: the login field always scrolls down 15 px.
File: login.php

<div class="contentpane">
<jdoc:include type="message" />
</div>	

Result:

Next step?

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/30382.}

[infograf768]

A new class could be created in /administrator/templates/atum/scss/blocks/_login.scss
Something like

.login_message {
  margin: 1rem 1rem 0 1rem; }

code in login.php

		<section id="content" class="content h-100">
			<div class="login_message"><jdoc:include type="message" /></div>
			<main class="d-flex justify-content-center align-items-center h-100">

You can make PR.

[sandewt]

See issue: #30400

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/30382.}