Merge pull request #8 from humanspeak/feature-initial

Docs: Broken UI

Author: jaysin586

docs/package-lock.json

@@ -41,8 +41,8 @@
         "@testing-library/jest-dom": "^6.6.3",
         "@testing-library/svelte": "^5.2.8",
         "@types/eslint": "^9.6.1",
-        "@typescript-eslint/eslint-plugin": "^8.32.1",
-        "@typescript-eslint/parser": "^8.32.1",
+        "@typescript-eslint/eslint-plugin": "^8.33.0",
+        "@typescript-eslint/parser": "^8.33.0",
         "bits-ui": "^2.1.0",
         "clsx": "^2.1.1",
         "embla-carousel-svelte": "^8.6.0",
@@ -73,7 +73,7 @@
         "tsx": "^4.19.4",
         "tw-animate-css": "^1.3.0",
         "typescript": "^5.8.3",
-        "typescript-eslint": "^8.32.1",
+        "typescript-eslint": "^8.33.0",
         "vaul-svelte": "^1.0.0-next.7",
         "vite": "^6.3.5",
         "vitest": "^3.1.4"

docs/package.json

@@ -21,7 +21,7 @@
         </Tooltip.Root>
     </DropdownMenu.Trigger>
     <DropdownMenu.Content align="end">
-        <DropdownMenu.RadioGroup bind:value={$userPrefersMode}>
+        <DropdownMenu.RadioGroup value={userPrefersMode.value || 'system'}>
             <DropdownMenu.RadioItem value="light" onclick={() => setMode('light')}>
                 Light
             </DropdownMenu.RadioItem>

docs/src/lib/components/base/ModeChanger.svelte

@@ -151,4 +151,12 @@ From wicked puns and stupid jokes to anvils that drop on your head.`)
     :global(.diff-insert) {
         background-color: #d4ffd4;
     }
+
+    :global(.dark .diff-remove) {
+        background-color: #ff0000;
+        text-decoration: line-through;
+    }
+    :global(.dark .diff-insert) {
+        background-color: #00ff00;
+    }
 </style>