fix: Apply current color to material icons

Signed-off-by: Julius Härtl <jus@bitgrid.net>

src/pages/Context.vue

@@ -120,7 +120,6 @@ export default {
 
 	async mounted() {
 		await this.reload()
-		this.icon = await this.getContextIcon(this.activeContext.iconName)
 	},
 
 	methods: {
@@ -132,6 +131,7 @@ export default {
 			this.loading = false
 		},
 		async loadContext() {
+			this.icon = await this.getContextIcon(this.activeContext.iconName)
 			this.contextResources = []
 			await this.$store.dispatch('loadContext', { id: this.activeContextId })
 			const index = this.contexts.findIndex(c => parseInt(c.id) === parseInt(this.activeContextId))
@@ -187,11 +187,28 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.content {
-	margin: 50px 50px 0;
+.context {
+	&__title {
+		display: inline-flex;
+	}
+
+	&__description {
+		margin: calc(3 * var(--default-grid-baseline, 4px));
+		max-width: 790px;
+		margin-left: 32px;
+	}
+
+	&:deep(.icon-vue) {
+		min-width: 32px;
+		min-height: 32px;
+	}
 }
-
 .resource {
 	margin: 40px 0;
+
+	&:deep(.row.first-row) {
+		margin-left: 20px;
+		padding-left: 0px;
+	}
 }
 </style>

src/shared/components/ncIconPicker/mixins/svgHelper.js

@@ -13,7 +13,7 @@ export default {
 				`MaterialIcons/${iconName}.svg`
 			)
 
-			return this.uriToSvg(icon)
+			return this.uriToSvg(icon).replaceAll(/#fff/g, 'currentColor')
 		},
 	},
 }