Skip to content

fix(core): keep app menu settings icon legible on light backgrounds#61109

Merged
pringelmann merged 1 commit into
masterfrom
fix/waffle-current-app-icon-light-bg
Jun 10, 2026
Merged

fix(core): keep app menu settings icon legible on light backgrounds#61109
pringelmann merged 1 commit into
masterfrom
fix/waffle-current-app-icon-light-bg

Conversation

@pringelmann

Copy link
Copy Markdown
Contributor

Summary

The current-app settings icon in the app menu header was an <img> forced white with a CSS filter, so on a light header it stayed white. It now renders as an inline cog icon (the same approach as the waffle button), inheriting the header text color so it stays legible on both light and dark headers.

I also changed the icon to a different cog variant. This one looks better imo :)

Screenshots

Before After
Screenshot_2026-06-09_16-08-25 Screenshot_2026-06-09_16-07-09
Screenshot_2026-06-09_16-08-13 Screenshot_2026-06-09_16-07-16

Checklist

  • Code is properly formatted
  • Sign-off message is added to all commits
  • Tests (unit, integration, api and/or acceptance) are included
  • Screenshots before/after for front-end changes
  • Documentation (manuals or wiki) has been updated or is not required
  • Backports requested where applicable (ex: critical bugfixes)
  • Labels added where applicable (ex: bug/enhancement, 3. to review, feature component)
  • Milestone added for target branch/version (ex: 32.x for stable32)

@pringelmann pringelmann added this to the Nextcloud 34.0.1 milestone Jun 9, 2026
@pringelmann pringelmann self-assigned this Jun 9, 2026
@pringelmann pringelmann requested a review from a team as a code owner June 9, 2026 14:21
@pringelmann pringelmann requested review from nfebe and susnux and removed request for a team June 9, 2026 14:21
@pringelmann pringelmann requested a review from sorbaugh June 9, 2026 14:21
@pringelmann pringelmann added bug design Design, UI, UX, etc. 3. to review Waiting for reviews team: IDP Code maintained by 🪪 IDP team labels Jun 9, 2026
@pringelmann

Copy link
Copy Markdown
Contributor Author

/backport to stable34

@pringelmann pringelmann requested a review from kra-mo June 9, 2026 14:22
@pringelmann pringelmann moved this to 🏗️ At engineering in 🖍 Design team Jun 9, 2026
Comment thread core/src/components/AppMenu.vue Outdated
@susnux susnux modified the milestones: Nextcloud 34.0.1, Nextcloud 35 Jun 9, 2026
@pringelmann pringelmann force-pushed the fix/waffle-current-app-icon-light-bg branch from 0095215 to 5233999 Compare June 9, 2026 15:53
@pringelmann

Copy link
Copy Markdown
Contributor Author

/compile amend

@pringelmann pringelmann force-pushed the fix/waffle-current-app-icon-light-bg branch from 5233999 to 81b6f84 Compare June 10, 2026 10:21
@pringelmann

Copy link
Copy Markdown
Contributor Author

/compile amend

@nextcloud-command nextcloud-command force-pushed the fix/waffle-current-app-icon-light-bg branch from 81b6f84 to e38a873 Compare June 10, 2026 11:59
Signed-off-by: Peter Ringelmann <peter.ringelmann@nextcloud.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
@nextcloud-command nextcloud-command force-pushed the fix/waffle-current-app-icon-light-bg branch from e38a873 to 4ea6917 Compare June 10, 2026 12:29
@pringelmann

Copy link
Copy Markdown
Contributor Author

@sorbaugh would you please force merge this one?

@pringelmann pringelmann merged commit 20c9360 into master Jun 10, 2026
153 of 157 checks passed
@pringelmann pringelmann deleted the fix/waffle-current-app-icon-light-bg branch June 10, 2026 15:14
@github-project-automation github-project-automation Bot moved this from 🏗️ At engineering to 🎉 Done in 🖍 Design team Jun 10, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

3. to review Waiting for reviews bug design Design, UI, UX, etc. team: IDP Code maintained by 🪪 IDP team

Projects

Status: 🎉 Done

Development

Successfully merging this pull request may close these issues.

5 participants