fix: docs favicon emoji, logo cropping, dark mode invert (#33)

* fix: docs favicon emoji, logo cropping, dark mode logo invert

- Replace hand-drawn SVG icons with Twemoji 🍜 ramen emoji paths
- Widen logo viewBox to prevent text cropping
- Add dark:invert to demo logos for dark mode support

* fix: remove single-item dropdown, use flat navigation groups

Author: RostiMelk

docs/docs.json

@@ -27,39 +27,33 @@
     }
   },
   "navigation": {
-    "dropdowns": [
+    "groups": [
       {
-        "dropdown": "Documentation",
-        "icon": "book",
+        "group": "Get Started",
+        "pages": ["introduction", "quickstart"]
+      },
+      {
+        "group": "Frameworks",
+        "pages": [
+          "frameworks/react",
+          "frameworks/vue",
+          "frameworks/svelte",
+          "frameworks/solid",
+          "frameworks/angular",
+          "frameworks/jquery",
+          "frameworks/vanilla",
+          "frameworks/custom"
+        ]
+      },
+      {
+        "group": "Guides",
+        "pages": ["options", "how-it-works"]
+      },
+      {
+        "group": "Reference",
         "pages": [
-          {
-            "group": "Get Started",
-            "pages": ["introduction", "quickstart"]
-          },
-          {
-            "group": "Frameworks",
-            "pages": [
-              "frameworks/react",
-              "frameworks/vue",
-              "frameworks/svelte",
-              "frameworks/solid",
-              "frameworks/angular",
-              "frameworks/jquery",
-              "frameworks/vanilla",
-              "frameworks/custom"
-            ]
-          },
-          {
-            "group": "Guides",
-            "pages": ["options", "how-it-works"]
-          },
-          {
-            "group": "Reference",
-            "pages": [
-              "api-reference/create-logo-soup",
-              "api-reference/get-visual-center-transform"
-            ]
-          }
+          "api-reference/create-logo-soup",
+          "api-reference/get-visual-center-transform"
         ]
       }
     ]

docs/favicon.svg

@@ -42,6 +42,7 @@ export const LogoSoupDemo = () => {
               src={`${base}/${name}.svg`}
               alt={name}
               draggable={false}
+              className="dark:invert"
               style={{
                 width: on
                   ? `${dw * displayScale}px`