Merge pull request #654 from nextcloud/style/noid/outlinedIcons

Replace MDI filled icons with Material Symbols outlined variant

Author: marcelklehr

js/app_api-adminSettings.js

@@ -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 Delete from 'vue-material-design-icons/TrashCanOutline.vue'
 
 export default {
 	name: 'ConfirmDaemonDeleteModal',

js/app_api-adminSettings.js.map

@@ -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/ConfirmDaemonDeleteModal.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/DaemonConfig.vue

@@ -16,8 +16,8 @@
 <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 Warning from 'vue-material-design-icons/AlertOutline.vue'
+import Information from 'vue-material-design-icons/InformationOutline.vue'
 
 export default {
 	name: 'InfoTooltip',