chore: update storybook (#43)

Author: bartaxyz

.storybook/preview-head.html

@@ -0,0 +1,14 @@
+<style>
+  body {
+    background-color: #ffffff;
+    color: #000000;
+    transition: background-color 0.2s, color 0.2s;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    body {
+      background-color: #1a1a1a;
+      color: #ffffff;
+    }
+  }
+</style>

.storybook/preview.ts

@@ -0,0 +1,9 @@
+import type { Preview } from "@storybook/react";
+
+const preview: Preview = {
+  parameters: {
+    backgrounds: { disable: true },
+  },
+};
+
+export default preview;

README.md

@@ -94,6 +94,8 @@ const Component = () => {
 
 There's a limited possibility to adjust the styles (background color, outline color, border radius, etc.) of the focused items using the `itemOptions` property.
 
+By default, the focus outline and background colors inherit from the element's `currentColor`, so the component adapts automatically to your text color — including dark mode.
+
 ```jsx
 const Component = () => {
   ...