Skip to content

Commit ebc07a4

Browse files
committed
fix(core): app menu icon contrast in dark mode
-e Signed-off-by: Peter Ringelmann <peter.ringelmann@nextcloud.com>
1 parent 6e9e642 commit ebc07a4

3 files changed

Lines changed: 6 additions & 7 deletions

File tree

core/src/components/AppItem.vue

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -125,10 +125,9 @@ const unreadLabel = computed(() => {
125125
&__icon {
126126
width: var(--app-item-icon-size);
127127
height: var(--app-item-icon-size);
128-
// Force the icon to white on the colored circle, then apply the
129-
// same vertical alpha gradient (--header-menu-icon-mask) used in
130-
// the header so icons read consistently across the design.
131-
filter: brightness(0) invert(1);
128+
// App icons are bright by default; flip them to dark when the
129+
// primary color (circle background) is bright (e.g. white in dark mode).
130+
filter: var(--primary-invert-if-bright);
132131
mask: var(--header-menu-icon-mask);
133132
}
134133

dist/core-main.js

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/core-main.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)