Fix icon preview

docs/.vitepress/components/IconPreview.vue

@@ -54,7 +54,7 @@ const iconComponent = computed(() => {
   height: 100%;
   position: relative;
   z-index: 1;
-  color: #fff;
+  color: var(--vp-c-neutral);
   opacity: 0.8;
 }
 </style>

docs/.vitepress/theme/layouts/IconsLayout.vue

@@ -14,5 +14,8 @@ onMounted(() => {
 </script>
 
 <template>
-  <VPDocAsideOutline v-if="data.page?.relativePath?.startsWith?.('/icons')"/>
+  <div>
+    Categories
+    <VPDocAsideOutline v-if="data.page?.relativePath?.startsWith?.('icons')"/>
+  </div>
 </template>