Black on blue?... any chance it can be white? and why double the height of the button? Sorry, don't like it :) :) :)

And No, I could not do better :)

can definitely be white. Not sure why it's black. I was thinking the same thing to be honest.
as for making it smaller, believe it or not it doesn't play nice. I tried several times to get the block to a more uniform size and was unable to.
I can always go back to the drawing board if desired.

how's this?

Much Better but still bad :)

Its not your fault - its just a crappy logo which then pushes the text to "appear" not centered.

Maybe less padding to the left of "Web" maybe? but what do I know :)

This is the best I can do.

@N6REJ Could you fix the SCSS code style errors reported here by Drone? https://ci.joomla.org/joomla/joomla-cms/36296/1/22

They are mainly about ordering of properties. The reason why you didn't notice that might be that drone failed for unrelated reasons at some other test before running the scss cs test.

Now after I have restarted drone it turned out there are these scss code style errors.

Thanks in advance.

This is the best I can do.

Like I said I don't think this is your fault - just a crappy logo... Can we even just remove the logo? after all its never shown to anyone before you fixed it anyway :) haha that would solve all the issues. !?

Like I said I don't think this is your fault - just a crappy logo... Can we even just remove the logo? after all its never shown to anyone before you fixed it anyway :) haha that would solve all the issues. !?

Agree. That logo just shows too many small details for being used as an icon.

Please use SVG for the icon as anything non vector will always be crappy in some scenarios.
Copy paste the icon from here:
https://iconify.design/icon-sets/simple-icons/webauthn.html

License : cc, so it's fine

well, took a while to get everything "perfect" but I think we got there as far as using an icon goes.
as for removing it, you'd need to ask someone far higher up the food chain then me if thats ok.

If the icon is staying, then the great job you have done now gets a thumbs up from me and is a lot better than the first black logo attempt.

Just another Sunday question - why are we using a black version of the joomla logo instead of the actual colour logo on the login page there? Surely the project should be using and promoting its main symbol on the main login page and not a manipulated black version. Just a thought.

@PhilETaylor

why are we using a black version of the joomla logo instead of the actual colour logo

Good question...

Here is a login page with a colored svg (size can be modified)

If you need it to replace the present svg, here it is (same size)

login.svg.zip

@PhilETaylor @infograf768 done and ty for supplying the svg file

@N6REJ the sass linter expects alphabetical sorted properties...

READY FOR TESTING FINALLY

I have tested this item ✅ successfully on fbd6854

The result is exactly like the expected one in the description

Tested logo changes to color
But I don't see the web auth button

@Turikhay144 The WebAuth button can only be seen when accessing the site with https. I assume you used http.

I have tested this item ✅ successfully on fbd6854

RTC

Thanks everybody who was involved.