fix: change in-app icons to outline

js/notifications-main.mjs

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=[window.OC.filePath('notifications', '', 'js/NotificationsApp-BICch1sH.chunk.mjs'),window.OC.filePath('notifications', '', 'js/_plugin-vue_export-helper-BI95Xr-Q.chunk.mjs'),window.OC.filePath('notifications', '', 'js/style-D4lbnCBQ.chunk.mjs'),window.OC.filePath('notifications', '', 'css/style-jUk3WdhC.chunk.css'),window.OC.filePath('notifications', '', 'css/_plugin-vue_export-helper-CYQX6I0J.chunk.css'),window.OC.filePath('notifications', '', 'js/vite-preload-helper-CpjhnH87.chunk.mjs'),window.OC.filePath('notifications', '', 'js/BrowserStorage-DQapuuXB.chunk.mjs'),window.OC.filePath('notifications', '', 'css/BrowserStorage-Ds69DkQi.chunk.css'),window.OC.filePath('notifications', '', 'css/NotificationsApp-P_QN1Cfp.chunk.css')])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=[window.OC.filePath('notifications', '', 'js/NotificationsApp-x9fgjITt.chunk.mjs'),window.OC.filePath('notifications', '', 'js/_plugin-vue_export-helper-BI95Xr-Q.chunk.mjs'),window.OC.filePath('notifications', '', 'js/style-D4lbnCBQ.chunk.mjs'),window.OC.filePath('notifications', '', 'css/style-jUk3WdhC.chunk.css'),window.OC.filePath('notifications', '', 'css/_plugin-vue_export-helper-CYQX6I0J.chunk.css'),window.OC.filePath('notifications', '', 'js/vite-preload-helper-CpjhnH87.chunk.mjs'),window.OC.filePath('notifications', '', 'js/BrowserStorage-DQapuuXB.chunk.mjs'),window.OC.filePath('notifications', '', 'css/BrowserStorage-Ds69DkQi.chunk.css'),window.OC.filePath('notifications', '', 'css/NotificationsApp-C9c50h1e.chunk.css')])))=>i.map(i=>d[i]);
 /*! third party licenses: js/vendor.LICENSE.txt */
-import{_ as o}from"./vite-preload-helper-CpjhnH87.chunk.mjs";import{c as i,d as n}from"./style-D4lbnCBQ.chunk.mjs";const m=n(()=>o(()=>import("./NotificationsApp-BICch1sH.chunk.mjs").then(t=>t.N),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url));i(m).mount("#notifications");
+import{_ as o}from"./vite-preload-helper-CpjhnH87.chunk.mjs";import{c as i,d as n}from"./style-D4lbnCBQ.chunk.mjs";const m=n(()=>o(()=>import("./NotificationsApp-x9fgjITt.chunk.mjs").then(t=>t.N),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url));i(m).mount("#notifications");
 //# sourceMappingURL=notifications-main.mjs.map

src/Components/IconNotification.vue

@@ -2,6 +2,7 @@
   - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
   - SPDX-License-Identifier: AGPL-3.0-or-later
 -->
+
 <template>
 	<span v-if="showDot || showWarning" class="notifications-button__icon">
 		<!-- Modified IconBell from material design icons -->
@@ -29,7 +30,7 @@
 <script setup>
 import { getCapabilities } from '@nextcloud/capabilities'
 import { computed } from 'vue'
-import IconBell from 'vue-material-design-icons/Bell.vue'
+import IconBell from 'vue-material-design-icons/Bell.vue' // Filled icon as it represents app itself
 
 defineProps({
 	showDot: {

src/Components/NotificationItem.vue

@@ -23,7 +23,7 @@
 				:aria-label="t('notifications', 'Dismiss')"
 				@click="onDismissNotification">
 				<template #icon>
-					<Close :size="20" />
+					<IconClose :size="20" />
 				</template>
 			</NcButton>
 		</div>
@@ -82,7 +82,7 @@
 				target="_blank"
 				rel="noreferrer noopener">
 				<template #icon>
-					<Message :size="20" />
+					<IconMessageOutline :size="20" />
 				</template>
 				{{ t('notifications', 'Contact Nextcloud GmbH') }} ↗
 			</NcButton>
@@ -99,8 +99,8 @@ import { generateOcsUrl } from '@nextcloud/router'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import NcDateTime from '@nextcloud/vue/components/NcDateTime'
 import NcRichText from '@nextcloud/vue/components/NcRichText'
-import Close from 'vue-material-design-icons/Close.vue'
-import Message from 'vue-material-design-icons/Message.vue'
+import IconClose from 'vue-material-design-icons/Close.vue'
+import IconMessageOutline from 'vue-material-design-icons/MessageOutline.vue'
 import ActionButton from './ActionButton.vue'
 import DefaultParameter from './Parameters/DefaultParameter.vue'
 import FileParameter from './Parameters/FileParameter.vue'
@@ -141,8 +141,8 @@ export default {
 		ActionButton,
 		NcButton,
 		NcDateTime,
-		Close,
-		Message,
+		IconClose,
+		IconMessageOutline,
 		NcRichText,
 	},
 

src/NotificationsApp.vue

@@ -44,7 +44,7 @@
 					:name="emptyContentMessage"
 					:description="emptyContentDescription">
 					<template #icon>
-						<IconBell v-if="!hasThrottledPushNotifications" />
+						<IconBellOutline v-if="!hasThrottledPushNotifications" />
 						<span v-else class="icon icon-alert-outline" />
 					</template>
 
@@ -55,7 +55,7 @@
 							target="_blank"
 							rel="noreferrer noopener">
 							<template #icon>
-								<IconMessage :size="20" />
+								<IconMessageOutline :size="20" />
 							</template>
 							{{ t('notifications', 'Contact Nextcloud GmbH') }} ↗
 						</NcButton>
@@ -91,9 +91,9 @@ import { generateOcsUrl, imagePath } from '@nextcloud/router'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'
 import NcHeaderMenu from '@nextcloud/vue/components/NcHeaderMenu'
-import IconBell from 'vue-material-design-icons/Bell.vue'
+import IconBellOutline from 'vue-material-design-icons/BellOutline.vue'
 import IconClose from 'vue-material-design-icons/Close.vue'
-import IconMessage from 'vue-material-design-icons/Message.vue'
+import IconMessageOutline from 'vue-material-design-icons/MessageOutline.vue'
 import IconNotification from './Components/IconNotification.vue'
 import NotificationItem from './Components/NotificationItem.vue'
 import { getNotificationsData } from './services/notificationsService.js'
@@ -123,9 +123,9 @@ export default {
 	name: 'NotificationsApp',
 
 	components: {
-		IconBell,
+		IconBellOutline,
 		IconClose,
-		IconMessage,
+		IconMessageOutline,
 		IconNotification,
 		NcButton,
 		NcEmptyContent,