chore: update favicon

Author: donghaoren

README.md

@@ -1,4 +1,10 @@
-# Embedding Atlas
+<h1>
+<picture style="margin-right:0.1em">
+  <source media="(prefers-color-scheme: dark)" srcset="./packages/docs/public/favicon.svg">
+  <img style="height:1em;vertical-align:-0.125em;" alt="screenshot of Embedding Atlas" src="./packages/docs/public/favicon_dark.svg">
+</picture>
+Embedding Atlas
+</h1>
 
 Embedding Atlas is a tool that provides interactive visualizations for large embeddings. It allows you to visualize, cross-filter, and search embeddings and metadata.
 

packages/docs/.vitepress/config.mts

@@ -4,7 +4,10 @@ import { defineConfig } from "vitepress";
 export default defineConfig({
   title: "Embedding Atlas",
   description: "Documentation for embedding atlas.",
-  head: [["link", { rel: "icon", href: "/embedding-atlas/favicon.svg" }]],
+  head: [
+    ["link", { rel: "icon", href: "/embedding-atlas/favicon.svg", media: "(prefers-color-scheme: light)" }],
+    ["link", { rel: "icon", href: "/embedding-atlas/favicon_dark.svg", media: "(prefers-color-scheme: dark)" }],
+  ],
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
     logo: {