Skip to content

[Bug]: NC 34.0.0 - app icons rendered inline with hardcoded fill:#fff, invisible on light theme (apps management list, user menu) #61244

@martinlb

Description

@martinlb

⚠️ This issue respects the following points: ⚠️

Bug description

On Nextcloud 34.0.0 (Hub 26 Spring), several app icons are invisible on the light theme in:

  • the apps management list (Settings → Apps): e.g. Activity, AppAPI, Bookmarks, Calendar, Contacts, Deck
  • the user menu: the "Apps" entry icon

Inspecting an invisible icon shows the SVG is rendered inline with a hardcoded style="fill:#fff" on the <path>, and no CSS inversion filter applied (filter: none computed). White fill on a light background → invisible (only barely visible on hover thanks to the darker row background).

Example (Calendar icon in Settings → Apps):

html <span data-v-aaedb1c3=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" ...> <path d="M5 22c-.55 0..." style="fill:#fff;fill-rule:nonzero" transform="matrix(1.4 0 0 1.4 -.8 -.8)"></path> </svg></span> ​

Other icons in the same list (Auditing/Logging, Comments, Cookbook, Cospend…) are rendered black and display fine on light theme.

Image Image

Switching to the dark theme makes the white icons visible (white on dark), which confirms the fill color is fixed server-side instead of following the active theme.

Image

But the apps icon is dark now :

Image

Steps to reproduce

  1. Run Nextcloud 34.0.0 with the light theme
  2. Open Settings => Apps (or the user menu)
  3. Observe missing icons (Activity, Calendar, Contacts, Deck, Bookmarks, AppAPI, "Apps" menu entry…)

Expected behavior

Icons should be recolored according to the active theme (dark on light backgrounds), or an inversion filter should be applied.

Nextcloud Server version

34

Operating system

Other

PHP engine version

PHP 8.4

Web server

Apache (supported)

Database engine version

MariaDB

Is this bug present after an update or on a fresh install?

Upgraded to a MAJOR version (ex. 31 to 32)

Are you using the Nextcloud Server Encryption module?

Encryption is Disabled

What user-backends are you using?

  • Default user-backend (database)
  • LDAP/ Active Directory
  • SSO - SAML
  • Other

Configuration report

{
    "system": {
        "instanceid": "***REMOVED SENSITIVE VALUE***",
        "maintenance": false,
        "passwordsalt": "***REMOVED SENSITIVE VALUE***",
        "secret": "***REMOVED SENSITIVE VALUE***",
        "trusted_domains": [
            "cloud.example.com"
        ],
        "datadirectory": "***REMOVED SENSITIVE VALUE***",
        "dbtype": "mysql",
        "version": "34.0.0.12",
        "overwrite.cli.url": "https:\/\/cloud.example.com",
        "dbname": "***REMOVED SENSITIVE VALUE***",
        "dbhost": "***REMOVED SENSITIVE VALUE***",
        "dbport": "",
        "dbtableprefix": "oc_",
        "dbuser": "***REMOVED SENSITIVE VALUE***",
        "dbpassword": "***REMOVED SENSITIVE VALUE***",
        "installed": true,
        "mysql.utf8mb4": true,
        "theme": "",
        "log_type": "file",
        "logfile": "\/path\/to\/data\/nextcloud.log",
        "loglevel": 2,
        "logdateformat": "F d, Y H:i:s",
        "default_phone_region": "FR",
        "mail_smtpmode": "sendmail",
        "mail_sendmailmode": "smtp",
        "mail_from_address": "***REMOVED SENSITIVE VALUE***",
        "mail_domain": "***REMOVED SENSITIVE VALUE***",
        "app_install_overwrite": "(redacted: legacy entries unrelated to this issue)",
        "mail_smtphost": "***REMOVED SENSITIVE VALUE***",
        "mail_smtpport": "465",
        "mail_smtpsecure": "ssl",
        "mail_smtpauthtype": "LOGIN",
        "mail_smtpauth": 1,
        "mail_smtpname": "***REMOVED SENSITIVE VALUE***",
        "mail_smtppassword": "***REMOVED SENSITIVE VALUE***",
        "maintenance_window_start": 1,
        "memcache.local": "\\OC\\Memcache\\APCu",
        "memcache.distributed": "\\OC\\Memcache\\Redis",
        "filelocking.enabled": true,
        "memcache.locking": "\\OC\\Memcache\\Redis",
        "redis": {
            "host": "***REMOVED SENSITIVE VALUE***",
            "port": 6379,
            "timeout": 0
        },
        "activity_expire_days": "7",
        "trashbin_retention_obligation": "7, 30",
        "remember_login_cookie_lifetime": 1296000,
        "session_handler": "redis",
        "session_lifetime": 86400,
        "session_keepalive": true,
        "auto_logout": false,
        "asset-pipeline.enabled": true,
        "memories.db.triggers.fcu": true,
        "memories.exiftool_no_local": true,
        "memories.vod.path": "\/path\/to\/nextcloud\/apps\/memories\/bin-ext\/go-vod-amd64",
        "enabledPreviewProviders": [
            "OC\\Preview\\Movie",
            "OC\\Preview\\Image"
        ],
        "htaccess.RewriteBase": "\/",
        "debug": false,
        "forbidden_filename_basenames": "(default list, omitted for brevity)",
        "forbidden_filename_characters": "(default list, omitted for brevity)",
        "forbidden_filename_extensions": "(default list, omitted for brevity)",
        "music.relay_podcast_stream": false,
        "music.relay_radio_stream": false,
        "music.relay_radio_stream_on_share": false,
        "music.enable_radio_hls": true,
        "music.enable_radio_hls_on_share": true,
        "music.allowed_stream_src": [
            "http:\/\/*:*",
            "https:\/\/*:*"
        ],
        "log_rotate_size": "1048576",
        "twofactor_enforced": "true",
        "twofactor_enforced_groups": [],
        "twofactor_enforced_excluded_groups": [],
        "updater.secret": "***REMOVED SENSITIVE VALUE***"
    }
}

List of activated Apps

Enabled:
  - appstore: 1.0.0
  - bookmarks: 16.2.1
  - bruteforcesettings: 7.0.0
  - calendar: 6.4.2
  - cloud_federation_api: 1.18.0
  - contacts: 8.7.0
  - cookbook: 0.11.7
  - cospend: 4.0.0
  - dav: 1.39.0
  - deck: 1.18.1
  - federatedfilesharing: 1.24.0
  - files: 2.6.0
  - files_lock: 34.0.0
  - files_markdown: 2.4.1
  - files_sharing: 1.26.0
  - files_trashbin: 1.24.0
  - files_versions: 1.27.0
  - files_zip: 2.3.0
  - logcleaner: 1.5.1
  - logreader: 7.0.0
  - lookup_server_connector: 1.22.0
  - mail: 5.9.2
  - music: 3.1.0
  - nextcloud_announcements: 6.0.0
  - notes: 6.0.0
  - notifications: 7.0.0-dev.1
  - oauth2: 1.22.0
  - office: 1.0.0
  - password_policy: 6.0.0-dev.0
  - photos: 7.0.0
  - privacy: 6.0.0-dev.1
  - profile: 1.3.0
  - provisioning_api: 1.24.0
  - related_resources: 5.0.0-dev.0
  - serverinfo: 6.0.0
  - settings: 1.17.0
  - sharebymail: 1.24.0
  - text: 8.0.0
  - theming: 2.9.0
  - twofactor_backupcodes: 1.23.0
  - twofactor_totp: 16.0.0
  - updatenotification: 1.24.0
  - viewer: 7.0.0-dev.0
  - webhook_listeners: 1.6.0
  - workflowengine: 2.16.0
Disabled:
  - activity: 7.0.0 (installed 2.21.1)
  - admin_audit: 1.24.0
  - app_api: 34.0.0 (installed 3.2.0)
  - circles: 34.0.0 (installed 29.0.0-dev)
  - comments: 1.24.0 (installed 1.13.0)
  - contactsinteraction: 1.15.0 (installed 1.10.0)
  - dashboard: 7.14.0 (installed 7.2.0)
  - encryption: 2.22.0
  - federation: 1.24.0 (installed 1.13.0)
  - files_downloadlimit: 5.2.0-dev.0 (installed 2.0.0)
  - files_external: 1.26.0
  - files_pdfviewer: 7.0.0-dev.0 (installed 6.0.0-dev.0)
  - files_reminders: 1.7.0 (installed 1.2.0)
  - firstrunwizard: 7.0.0-dev.0 (installed 2.18.0)
  - recommendations: 7.0.0-dev.0 (installed 2.1.0)
  - support: 6.0.0 (installed 1.12.0)
  - survey_client: 6.0.0-dev.0 (installed 1.11.0)
  - suspicious_login: 12.0.0-dev.0
  - systemtags: 1.24.0 (installed 1.13.0)
  - twofactor_nextcloud_notification: 8.0.0
  - user_ldap: 1.25.0
  - user_status: 1.14.0 (installed 1.3.1)
  - weather_status: 1.14.0 (installed 1.9.0)

Nextcloud Signing status

No errors have been found.

Nextcloud Logs

Only unrelated entries: AppConfigTypeConflictException on theming/cachebuster (triggered by the /apps/theming/manifest endpoint), already tracked in #60731, fix pending in 34.0.1 (#61010).

Additional info

OS : Synology DSM 7.3.2-86009 Update 3, DS920+
Note: non-stock ImageMagick/imagick setup on my Synology (manually enabled imagick for PHP 8.4 CLI + relaxed MVG coder policy in /etc/ImageMagick-6/policy.xml). Likely unrelated, as imagick should only affect favicon/touch-icon generation, not inline SVG rendering.

Metadata

Metadata

Assignees

No one assigned

    Type

    No fields configured for Bug.

    Projects

    Status
    To triage

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions