[Bug]: Dashboard in Dark Mode isn't working correctly in Firefox
Open
Nobody has claimed this yet.
0. Needs triage
32-feedback
bug
feature: dashboard
- Dominant language
- PHP
- Stars
- 36.9k
- Forks
- 5.2k
- Avg merge
- 2d 3h
- Merged PRs (30d)
- 713
Description
⚠️ This issue respects the following points: ⚠️
- This is a bug, not a question or a configuration/webserver/proxy issue.
- This issue is not already reported on Github OR Nextcloud Community Forum (I've searched it).
- Nextcloud Server is up to date. See Maintenance and Release Schedule for supported versions.
- I agree to follow Nextcloud's Code of Conduct.
Bug description
Dashboard in Dark Mode isn't working correctly in Firefox:
I'm using the NextCloud docker container, if it matters.
Steps to reproduce
- Install Firefox
- Install Nextcloud
- Navigate to Nextcloud and set Dark Mode
- Observe
Expected behavior
The dark icons and "Good morning" section should be in light colored text.
Nextcloud Server version
32
Operating system
None
PHP engine version
None
Web server
None
Database engine version
None
Is this bug present after an update or on a fresh install?
None
Are you using the Nextcloud Server Encryption module?
None
What user-backends are you using?
- Default user-backend (database)
- LDAP/ Active Directory
- SSO - SAML
- Other
Configuration report
{
"system": {
"htaccess.RewriteBase": "\/",
"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
}
],
"memcache.distributed": "\\OC\\Memcache\\Redis",
"memcache.locking": "\\OC\\Memcache\\Redis",
"redis": {
"host": "***REMOVED SENSITIVE VALUE***",
"password": "***REMOVED SENSITIVE VALUE***",
"port": 6379
},
"instanceid": "***REMOVED SENSITIVE VALUE***",
"trusted_domains": [
"cloud.dowardindustries.com",
"192.168.2.0\/24"
],
"passwordsalt": "***REMOVED SENSITIVE VALUE***",
"secret": "***REMOVED SENSITIVE VALUE***",
"datadirectory": "***REMOVED SENSITIVE VALUE***",
"dbtype": "mysql",
"version": "32.0.6.1",
"overwrite.cli.url": "https:\/\/cloud.dowardindustries.com",
"overwriteprotocol": "https",
"dbname": "***REMOVED SENSITIVE VALUE***",
"dbhost": "***REMOVED SENSITIVE VALUE***",
"dbport": "",
"dbtableprefix": "oc_",
"mysql.utf8mb4": true,
"dbuser": "***REMOVED SENSITIVE VALUE***",
"dbpassword": "***REMOVED SENSITIVE VALUE***",
"installed": true,
"default_phone_region": "US",
"mail_smtpmode": "smtp",
"mail_sendmailmode": "smtp",
"mail_from_address": "***REMOVED SENSITIVE VALUE***",
"mail_domain": "***REMOVED SENSITIVE VALUE***",
"mail_smtpauth": 1,
"mail_smtpport": "587",
"mail_smtphost": "***REMOVED SENSITIVE VALUE***",
"mail_smtpname": "***REMOVED SENSITIVE VALUE***",
"mail_smtppassword": "***REMOVED SENSITIVE VALUE***",
"loglevel": 2,
"maintenance": false,
"maintenance_window_start": 5,
"memories.db.triggers.fcu": true,
"memories.exiftool": "\/var\/www\/html\/custom_apps\/memories\/bin-ext\/exiftool-amd64-glibc",
"memories.vod.path": "\/var\/www\/html\/custom_apps\/memories\/bin-ext\/go-vod-amd64",
"memories.ffmpeg_path": "\/var\/raid\/bin\/ffmpeg",
"memories.ffprobe_path": "\/var\/raid\/bin\/ffprobe",
"enabledPreviewProviders": [
"OC\\Preview\\Image",
"OC\\Preview\\HEIC",
"OC\\Preview\\TIFF",
"OC\\Preview\\Movie"
],
"memories.gis_type": 1,
"app_install_overwrite": [],
"memories.vod.disable": false,
"memories.vod.ffmpeg": "\/opt\/bin\/ffmpeg",
"memories.vod.ffprobe": "\/opt\/bin\/ffprobe",
"preview_max_x": 2048,
"preview_max_y": 2048,
"preview_max_filesize_image": 8192,
"opcache.memory_consumption": 128,
"theme": ""
}
}
List of activated Apps
Enabled:
- activity: 5.0.0
- admin_audit: 1.22.0
- app_api: 32.0.0
- calendar: 6.2.1
- circles: 32.0.0
- cloud_federation_api: 1.16.0
- collectives: 3.6.1
- comments: 1.22.0
- contacts: 8.3.4
- contactsinteraction: 1.13.1
- dashboard: 7.12.0
- dav: 1.34.2
- deck: 1.16.3
- drawio: 3.1.2
- federatedfilesharing: 1.22.0
- files: 2.4.0
- files_accesscontrol: 3.0.2
- files_confidential: 4.0.0
- files_downloadlimit: 5.0.0-dev.0
- files_pdfviewer: 5.0.0
- files_reminders: 1.5.0
- files_sharing: 1.24.1
- files_trashbin: 1.22.0
- files_versions: 1.25.0
- firstrunwizard: 5.0.0
- forms: 5.2.4
- groupfolders: 20.1.12
- integration_gitlab: 4.0.0
- logreader: 5.0.0
- lookup_server_connector: 1.20.0
- mail: 5.7.1
- memories: 7.8.2
- nextcloud_announcements: 4.0.0
- notes: 4.13.0
- notifications: 5.0.0
- oauth2: 1.20.0
- password_policy: 4.0.0
- photos: 5.0.0
- previewgenerator: 5.12.1
- privacy: 4.0.0
- profile: 1.1.0
- provisioning_api: 1.22.0
- quota_warning: 1.23.0
- recognize: 10.0.7
- recommendations: 5.0.0
- related_resources: 3.0.0
- richdocuments: 9.0.3
- richdocumentscode: 25.4.901
- serverinfo: 4.0.0
- settings: 1.15.1
- sharebymail: 1.22.0
- support: 4.0.0
- survey_client: 4.0.0
- suspicious_login: 10.0.0
- systemtags: 1.22.0
- tables: 1.0.4
- text: 6.0.1
- theming: 2.7.0
- twofactor_backupcodes: 1.21.0
- twofactor_totp: 14.0.0
- updatenotification: 1.22.0
- user_status: 1.12.0
- viewer: 5.0.0
- weather_status: 1.12.0
- webhook_listeners: 1.3.0
- whiteboard: 1.5.6
- workflowengine: 2.14.0
Disabled:
- bruteforcesettings: 5.0.0 (installed 2.7.0)
- cloud_py_api: 0.2.0 (installed 0.2.0)
- duplicatefinder: 1.7.3 (installed 1.7.3)
- encryption: 2.20.0 (installed 2.19.0)
- federation: 1.22.0 (installed 1.21.0)
- files_external: 1.24.1 (installed 1.19.0)
- mediadc: 0.4.0 (installed 0.4.0)
- spreed: 22.0.9 (installed 22.0.9)
- tasks: 0.17.1 (installed 0.17.1)
- twofactor_nextcloud_notification: 6.0.0
- user_ldap: 1.23.0 (installed 1.22.0)
Nextcloud Signing status
"No errors have been found."
Nextcloud Logs
N/A
Additional info
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start in the dashboard app and reproduce the dark-mode view in Firefox using the reported steps. Inspect the dashboard icons and “Good morning” section for the styling that causes the incorrect colors, then verify that both render with readable light text in dark mode.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript
- Domain
- design, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100