diff options
| author | skjnldsv <skjnldsv@protonmail.com> | 2024-06-06 19:36:19 +0200 |
|---|---|---|
| committer | skjnldsv <skjnldsv@protonmail.com> | 2024-06-12 13:30:16 +0200 |
| commit | f1f2f5ca985bd038d7490ae7be6e5839e3cee790 (patch) | |
| tree | d3cc1102edf593d8514a69b30a9a4fc8dd965550 /apps | |
| parent | 14c1b53b56c2fa3650edcd1888de6b5d2e05fe00 (diff) | |
| download | nextcloud-server-f1f2f5ca985bd038d7490ae7be6e5839e3cee790.tar.gz nextcloud-server-f1f2f5ca985bd038d7490ae7be6e5839e3cee790.zip | |
fix(files_sharing): dark avatar support
Signed-off-by: skjnldsv <skjnldsv@protonmail.com>
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/files_sharing/src/actions/sharingStatusAction.ts | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/apps/files_sharing/src/actions/sharingStatusAction.ts b/apps/files_sharing/src/actions/sharingStatusAction.ts index 828408f1846..4f9648fa27f 100644 --- a/apps/files_sharing/src/actions/sharingStatusAction.ts +++ b/apps/files_sharing/src/actions/sharingStatusAction.ts @@ -34,8 +34,12 @@ import { getCurrentUser } from '@nextcloud/auth' import './sharingStatusAction.scss' +const isDarkMode = window?.matchMedia?.('(prefers-color-scheme: dark)')?.matches === true + || document.querySelector('[data-themes*=dark]') !== null + const generateAvatarSvg = (userId: string, isGuest = false) => { - const avatarUrl = generateUrl(isGuest ? '/avatar/guest/{userId}/32' : '/avatar/{userId}/32?guestFallback=true', { userId }) + const url = isDarkMode ? '/avatar/{userId}/32/dark' : '/avatar/{userId}/32' + const avatarUrl = generateUrl(isGuest ? url : url + '?guestFallback=true', { userId }) return `<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="sharing-status__avatar"> <image href="${avatarUrl}" height="32" width="32" /> |