From e46acf4e9a5a252ba72ced2441a550cb36424b32 Mon Sep 17 00:00:00 2001
From: Eric Fennis <eric.fennis@gmail.com>
Date: Thu, 20 Apr 2023 15:10:57 +0200
Subject: [PATCH] Fix icon preview

---
 docs/.vitepress/components/IconPreview.vue    | 2 +-
 docs/.vitepress/theme/layouts/IconsLayout.vue | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/docs/.vitepress/components/IconPreview.vue b/docs/.vitepress/components/IconPreview.vue
index d9196c880..3eb03045f 100644
--- a/docs/.vitepress/components/IconPreview.vue
+++ b/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>
diff --git a/docs/.vitepress/theme/layouts/IconsLayout.vue b/docs/.vitepress/theme/layouts/IconsLayout.vue
index d94ff3b73..bb4c431df 100644
--- a/docs/.vitepress/theme/layouts/IconsLayout.vue
+++ b/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>