NPM Resource Changed Information Required ? ? Pending

User tests: Successful: Unsuccessful:

avatar coolcat-creations
coolcat-creations
1 May 2022

Pull Request for Issue #34767.

Sorry for the wrong commit message

Summary of Changes

The Issue describes a problem in Chrome that the favicon svg is not displayed correctly when using darkmode.
Confirming this issue I researched at officially Chrome should meanwhile support the prefers-color-scheme media query. But altought I updated to the latest Chrome Version Version 101.0.4951.41 (Official Build) (arm64) it does not.

So I found another workaround where the specific favicon can be added by using media as attribute in the link.

Testing Instructions

Enable Dark mode in Chrome
Check if Joomla Default Favicon is white on dark ground in Frontend (using Cassiopeia) and Backend (using atum) and on login, error and offline page

Actual result BEFORE applying this Pull Request

The Default Joomla Favicon shows black on black in Frontend (using Cassiopeia) and Backend (using atum)
grafik

Expected result AFTER applying this Pull Request

grafik

Documentation Changes Required

no

avatar coolcat-creations coolcat-creations - open - 1 May 2022
avatar coolcat-creations coolcat-creations - change - 1 May 2022
Status New Pending
avatar coolcat-creations coolcat-creations - change - 1 May 2022
Labels Added: NPM Resource Changed ?
avatar joomla-cms-bot joomla-cms-bot - change - 1 May 2022
Category Administration Templates (admin) Repository NPM Change Front End Templates (site)
avatar pritam825
pritam825 - comment - 1 May 2022

@coolcat-creations I think the issue in the logo when opening in microsoft edge , not in chrome because in chrome there is no any direct features (system default, light, dark) like microsoft edge and github logo is also not changing with changing the theme , but when applying the patch it's working fine for microsoft edge but the logo is coming, different from the expected result.
This logo is coming after applying the patch and with the dark theme of microsoft edge.
Screenshot (2124)
Thanks :)

avatar dgrammatiko
dgrammatiko - comment - 1 May 2022

@coolcat-creations the bug seems that is already fixed in chrome https://bugs.chromium.org/p/chromium/issues/detail?id=1311553#c12

Also this PR breaks badly B/C for people that have created their own favicons, so in that sense it's wrong

avatar coolcat-creations
coolcat-creations - comment - 1 May 2022

Did you check in chrome ? Because I did and it seems to work for normal displayed svg on a website) but not for svg used as favicon.

avatar dgrammatiko
dgrammatiko - comment - 1 May 2022

Did you check in chrome ?

Yes, Chrome Canary 103 works for me

avatar coolcat-creations
coolcat-creations - comment - 2 May 2022

@dgrammatiko there is no Version 103 available for Mac... And the issue is still there. But if you are saying thats purely a chrome issue and even if this PR fixes it - we have to close both: issue and PR

avatar coolcat-creations
coolcat-creations - comment - 2 May 2022

@pritam825 your issue is bit unrelated to this one. Your Browser does not support svg at all and so it shows the ico format.

avatar pritam825
pritam825 - comment - 2 May 2022

@coolcat-creations ok got it mam, and my According pr and issue both should be closed, because if we will used dark theme in chrome, GitHub logo is also not changing as we are comparing to GitHub, Thanks :)

avatar coolcat-creations
coolcat-creations - comment - 2 May 2022

My github logo is changing, my Joomla Logo not.
grafik
Funny is that github delivers a separate dark icon like I proposed here. :-)

avatar dgrammatiko
dgrammatiko - comment - 2 May 2022

there is no Version 103 available for Mac.

Nightly build for developers: https://www.google.com/chrome/canary/

And the issue is still there

You have to test the canary version

But if you are saying thats purely a chrome issue and even if this PR fixes it

It is a Chrome issue, Safari and Firefox obey the CSS of the SVG and that PR seems to solve the the issue. Also, again, this PR is introducing a B/C break on both the templates...

avatar coolcat-creations
coolcat-creations - comment - 2 May 2022

How comes you think it's a bc break? Its a new file and did not change an existing file.

avatar dgrammatiko
dgrammatiko - comment - 2 May 2022

How comes you think it's a bc break? Its a new file and did not change an existing file.

So, if I have created an svg file for both cassiopeia and atum that have css to control the dark/light theme then that file will be available only on the light theme and on dark theme I will get the standard joomla logo. In other words you broke existing functionality.

Also please understand that this IS a chrome issue and THEY have to fix it. Patching Joomla is not the right path

avatar Bakual
Bakual - comment - 2 May 2022

It's not a B/C break per our definition (Design/HTML markup is explicitely excluded). Just saying ?

avatar brianteeman brianteeman - test_item - 4 Jun 2022 - Tested successfully
avatar brianteeman
brianteeman - comment - 4 Jun 2022

I have tested this item successfully on 768793c

Confirmed issue on windows with chrome Version 102.0.5005.63 (Official Build) (64-bit)


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/37713.
avatar Quy
Quy - comment - 16 Jun 2022

In Windows Firefox 101.0.1 (not dark mode), it displays the white icon.
The first tab is from the prebuilt packpage of this PR.
The second tab is from the nightly build.

37713-firefox

avatar HLeithner
HLeithner - comment - 27 Jun 2022

This pull requests has automatically rebased to 4.2-dev.

avatar joomla-bot
joomla-bot - comment - 27 Jun 2022

This pull requests has been automatically converted to the PSR-12 coding standard.

avatar HLeithner HLeithner - change - 27 Jun 2022
Labels Added: Information Required ?
avatar coolcat-creations coolcat-creations - change - 8 Aug 2022
Status Pending Closed
Closed_Date 0000-00-00 00:00:00 2022-09-01 14:24:05
Closed_By coolcat-creations
Labels Added: ?
Removed: ?

Add a Comment

Login with GitHub to post a comment