style(icons): Replace MDI filled icons with Material Symbols outlined variant

Signed-off-by: Andy Scherzinger <[email protected]>

Author: AndyScherzinger

src/components/DaemonConfig/ConfirmDaemonDeleteModal.vue

@@ -45,7 +45,7 @@ import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 import Cancel from 'vue-material-design-icons/Cancel.vue'
-import Delete from 'vue-material-design-icons/Delete.vue'
+import TrashCanOutline from 'vue-material-design-icons/TrashCanOutline.vue'
 
 export default {
 	name: 'ConfirmDaemonDeleteModal',
@@ -54,7 +54,7 @@ export default {
 		NcCheckboxRadioSwitch,
 		Cancel,
 		NcLoadingIcon,
-		Delete,
+		TrashCanOutline,
 		NcButton,
 	},
 	props: {

src/components/DaemonConfig/DaemonConfig.vue

@@ -38,7 +38,7 @@
 				<NcActionButton :close-after-click="true" @click="showEditModal()">
 					{{ t('app_api', 'Edit') }}
 					<template #icon>
-						<Pencil :size="20" />
+						<PencilOutline :size="20" />
 					</template>
 				</NcActionButton>
 				<NcActionButton icon="icon-delete" :close-after-click="true" @click="deleteDaemonConfig()">
@@ -93,7 +93,7 @@ import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 import CheckBold from 'vue-material-design-icons/CheckBold.vue'
 import TestTube from 'vue-material-design-icons/TestTube.vue'
-import Pencil from 'vue-material-design-icons/Pencil.vue'
+import PencilOutline from 'vue-material-design-icons/PencilOutline.vue'
 import Docker from 'vue-material-design-icons/Docker.vue'
 
 import DaemonConfigDetailsModal from './DaemonConfigDetailsModal.vue'
@@ -115,7 +115,7 @@ export default {
 		DaemonTestDeploy,
 		NcLoadingIcon,
 		TestTube,
-		Pencil,
+		PencilOutline,
 		Docker,
 	},
 	props: {

src/components/DaemonConfig/DaemonTestDeploy.vue

@@ -54,7 +54,7 @@
 					target="_blank"
 					style="margin-right: 10px;">
 					<template #icon>
-						<Download :size="20" />
+						<TrayArrowDown :size="20" />
 					</template>
 					{{ t('app_api', 'Download ExApp logs') }}
 				</NcButton>
@@ -66,7 +66,7 @@
 					style="margin-right: 10px;"
 					@click="removeTestExApp">
 					<template #icon>
-						<TrashCan v-if="!stoppingTest" :size="20" />
+						<TrashCanOutline v-if="!stoppingTest" :size="20" />
 						<NcLoadingIcon v-else :size="20" />
 					</template>
 				</NcButton>
@@ -113,8 +113,8 @@ import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 import Check from 'vue-material-design-icons/Check.vue'
 import StopIcon from 'vue-material-design-icons/Stop.vue'
 import OpenInNew from 'vue-material-design-icons/OpenInNew.vue'
-import Download from 'vue-material-design-icons/Download.vue'
-import TrashCan from 'vue-material-design-icons/TrashCan.vue'
+import TrayArrowDown from 'vue-material-design-icons/TrayArrowDown.vue'
+import TrashCanOutline from 'vue-material-design-icons/TrashCanOutline.vue'
 
 export default {
 	name: 'DaemonTestDeploy',
@@ -126,8 +126,8 @@ export default {
 		Check,
 		StopIcon,
 		OpenInNew,
-		Download,
-		TrashCan,
+		TrayArrowDown,
+		TrashCanOutline,
 	},
 	props: {
 		show: {

src/components/DaemonConfig/InfoTooltip.vue

@@ -15,9 +15,9 @@
 
 <script>
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip.js'
-import Warning from 'vue-material-design-icons/Alert.vue'
-import Information from 'vue-material-design-icons/Information.vue'
+import Tooltip from '@nextcloud/vue/dist/Directives/TooltipOutline.js'
+import Warning from 'vue-material-design-icons/AlertOutline.vue'
+import Information from 'vue-material-design-icons/InformationOutline.vue'
 
 export default {
 	name: 'InfoTooltip',