diff --git a/apps/www/.vitepress/theme/layout/ThemingLayout.vue b/apps/www/.vitepress/theme/layout/ThemingLayout.vue
index 56398853..cb810ae3 100644
--- a/apps/www/.vitepress/theme/layout/ThemingLayout.vue
+++ b/apps/www/.vitepress/theme/layout/ThemingLayout.vue
@@ -98,14 +98,14 @@ watch(radius, (radius) => {
                       class="flex h-9 w-9 items-center justify-center rounded-full border-2 border-border text-xs"
                       :class="
                         color === theme
-                          ? 'border-foreground'
+                          ? 'border-primary'
                           : 'border-transparent'
                       "
                       @click="setTheme(color)"
                     >
                       <span
                         class="flex h-6 w-6 items-center justify-center rounded-full"
-                        :style="{ backgroundColor: colors[color][7].rgb }"
+                        :style="{ backgroundColor: colors[color][6].rgb }"
                       >
                         <RadixIconsCheck
                           v-if="color === theme"
@@ -117,7 +117,7 @@ watch(radius, (radius) => {
                   <TooltipContent
                     align="center"
                     :side-offset="1"
-                    class="capitalize"
+                    class="capitalize bg-zinc-900"
                   >
                     {{ allColors[index] }}
                   </TooltipContent>