SVG logo fill color is changed in Firefox

[chaptergy]

Steps to reproduce

1. Upload the following file as the logo to your nextcloud instance

logo-file.svg

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 463 463" style="enable-background:new 0 0 463 463;" xml:space="preserve">
    <style type="text/css">
		.st0{fill:#FFFFFF;}
	</style>
    <path class="st0" d="M375.2,200c-5.8,0-11.7,0.6-17.4,1.7c-4.3-21.5-18.3-39.9-37.9-49.9c-19.6-9.9-42.7-10.4-62.6-1.1
	c-18-49.7-73-75.4-122.7-57.3s-75.4,73-57.3,122.7c-43.5,1.4-77.9,37.4-77.3,81c0.7,43.6,36.1,78.5,79.7,78.6h295.5
	c48.5,0,87.8-39.3,87.8-87.8S423.7,200,375.2,200z"></path>
</svg>

Expected behaviour

A white cloud will be the logo

Actual behaviour

In Firefox (all addons disabled, nextcloud dark mode disabled) the cloud is actually black. In Vivaldi and Chromium the cloud is white, like its supposed to be.
Before the update to NC17 it also worked fine.

Server configuration

Operating system: I unfortunately don't know

Web server: Not showing in the server info settings tab either

Database: mysql

PHP version: 7.3.11

Nextcloud version: 17.0.0

Updated from an older Nextcloud/ownCloud or fresh install: Update

Where did you install Nextcloud from: My hosting provider did it

Signing status:

Signing status

No errors have been found.

List of activated apps:

App list

Enabled:
  - accessibility: 1.3.0
  - apporder: 0.8.0
  - calendar: 1.7.1
  - carnet: 0.18.7
  - circles: 0.17.8
  - cloud_federation_api: 1.0.0
  - contacts: 3.1.6
  - dav: 1.13.0
  - deck: 0.7.0
  - federatedfilesharing: 1.7.0
  - federation: 1.7.0
  - files: 1.12.0
  - files_pdfviewer: 1.6.0
  - files_rightclick: 0.15.1
  - files_sharing: 1.9.0
  - files_trashbin: 1.7.0
  - files_versions: 1.10.0
  - files_videoplayer: 1.6.0
  - impersonate: 1.4.0
  - logreader: 2.2.0
  - lookup_server_connector: 1.5.0
  - metadata: 0.10.0
  - nextcloud_announcements: 1.6.0
  - notifications: 2.5.0
  - oauth2: 1.5.0
  - occweb: 0.0.4
  - password_policy: 1.7.0
  - polls: 0.10.4
  - provisioning_api: 1.7.0
  - serverinfo: 1.7.0
  - sharebymail: 1.7.0
  - spreed: 7.0.1
  - tasks: 0.11.3
  - text: 1.1.0
  - theming: 1.8.0
  - twofactor_backupcodes: 1.6.0
  - twofactor_totp: 4.0.0
  - updatenotification: 1.7.0
  - viewer: 1.1.0
  - workflowengine: 1.7.0

Nextcloud configuration:

Config report

{
    "system": {
        "memcache.local": "\\OC\\Memcache\\APCu",
        "apps_paths": [
            {
                "path": "\/var\/www\/html\/apps",
                "url": "\/apps",
                "writable": false
            },
            {
                "path": "\/var\/www\/html\/custom_apps",
                "url": "\/custom_apps",
                "writable": true
            }
        ],
        "passwordsalt": "***REMOVED SENSITIVE VALUE***",
        "secret": "***REMOVED SENSITIVE VALUE***",
        "trusted_domains": [
            "***REMOVED SENSITIVE VALUE***",
            "***REMOVED SENSITIVE VALUE***"
        ],
        "datadirectory": "***REMOVED SENSITIVE VALUE***",
        "dbtype": "mysql",
        "version": "17.0.0.9",
        "overwrite.cli.url": "***REMOVED SENSITIVE VALUE***",
        "dbname": "***REMOVED SENSITIVE VALUE***",
        "dbhost": "***REMOVED SENSITIVE VALUE***",
        "dbport": "",
        "dbtableprefix": "oc_",
        "mysql.utf8mb4": true,
        "dbuser": "***REMOVED SENSITIVE VALUE***",
        "dbpassword": "***REMOVED SENSITIVE VALUE***",
        "installed": true,
        "instanceid": "***REMOVED SENSITIVE VALUE***",
        "redis": {
            "host": "***REMOVED SENSITIVE VALUE***",
            "port": "6379",
            "timeout": "1.5",
            "dbindex": "0"
        },
        "filelocking.enabled": true,
        "memcache.locking": "\\OC\\Memcache\\Redis",
        "mail_smtpmode": "smtp",
        "mail_smtpauthtype": "LOGIN",
        "mail_smtphost": "***REMOVED SENSITIVE VALUE***",
        "mail_from_address": "***REMOVED SENSITIVE VALUE***",
        "mail_domain": "***REMOVED SENSITIVE VALUE***",
        "log_type": "syslog",
        "syslog_tag": "nextcloud-nx3851",
        "simpleSignUpLink.shown": false,
        "upgrade.disable-web": true,
        "updatechecker": true,
        "mail_sendmailmode": "smtp",
        "maintenance": false,
        "has_rebuilt_cache": true,
        "loglevel": 2,
        "app_install_overwrite": [
            "occweb"
        ],
        "skeletondirectory": "\/var\/www\/html\/themes\/hetzner\/skeleton"
    }
}

Are you using external storage, if yes which one: nope

Are you using encryption: no

Are you using an external user-backend, if yes which one: no

Client configuration

Browser: Firefox 70.0.1

Operating system: Both on Windows 10 and Manjaro with KDE Plasma

Logs

Unfortunately I don't have access to any of the logs

[kesselb]

Some screenshots would be nice ;)

cc @juliushaertl

[metroid2010]

I have the same problem. The logo is a SVG, too.
Screenshots:
Chromium

Firefox

(both on latest versions, running on Archlinux)

[aladen]

Hi, same issue here.
The default svg logo can be replaced in /core/img/logo awaiting a fix.

[pieter-groeneweg]

Same here...
debian 9, PHP 7.2, apache 2.4, MySQL 10.1.41-MariaDB

clicking the image in the debugger may open this in a single tab in FF allright in correct colors..

[michaelschefczyk]

Im my case, this does happen right after updating to 17 (17.0.1) and just with Firefox - not Chromium and not Internet Explorer. I may have to do with mime types, but how to change it is not obvious for me. My server side mime.types file seems to be OK and the mimetypemapping.dist.json seeps to be OK as well - it does contain: "svg": ["image/svg+xml", "text/plain"],

Is there any known workaround for Firefox?

[pieter-groeneweg]

Targeting the login page.
When i check debugger - network - in FF i see a bunch of files blocked "CSP".. whereas Chrome allows them.

FF has initiator "unknown"
Chrome has initiator "login?clear=1"

Screenshot is FF debugger... the blocked files are loaded fine further down the list (ie. as in green main.js?v=bceeb4db-6 and on are loaded)
This is not happening in Chrome.

Cannot say it is related but it is an observation....

[kesselb]

Cannot say it is related but it is an observation....

#12724 (comment)

[juliusknorr]

Possible fix at #18140

Testing is very welcome.

[pieter-groeneweg]

see my comment in #18140
for the svg it works the red lines in FF debugger remain... no extensions enabled...

[juliusknorr]

The red lines are actually a firefox bug, see #12724 (comment) for details.

[pieter-groeneweg]

I will leave the red lines to Mozilla to solve.. ;)

[juliusknorr]

Fix merged