fumadocs-ui 16.2.5 → 16.3.1

package/dist/style.css

@@ -21,7 +21,6 @@
     --text-lg--line-height: calc(1.75 / 1.125);
     --text-2xl: 1.5rem;
     --text-3xl: 1.875rem;
-    --text-3xl--line-height: calc(2.25 / 1.875);
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --radius-sm: 0.25rem;
@@ -69,6 +68,12 @@
     --animate-fd-dialog-out: fd-dialog-out 300ms cubic-bezier(0.16, 1, 0.3, 1);
     --animate-fd-popover-in: fd-popover-in 100ms ease;
     --animate-fd-popover-out: fd-popover-out 100ms ease;
+    --animate-fd-enterFromLeft: fd-enterFromLeft 250ms ease;
+    --animate-fd-enterFromRight: fd-enterFromRight 250ms ease;
+    --animate-fd-sidebar-in: fd-sidebar-in 250ms ease;
+    --animate-fd-sidebar-out: fd-sidebar-out 250ms ease;
+    --animate-fd-exitToLeft: fd-exitToLeft 250ms ease;
+    --animate-fd-exitToRight: fd-exitToRight 250ms ease;
     --animate-fd-collapsible-down: fd-collapsible-down 150ms
     cubic-bezier(0.45, 0, 0.55, 1);
     --animate-fd-collapsible-up: fd-collapsible-up 150ms
@@ -77,12 +82,6 @@
     --animate-fd-accordion-up: fd-accordion-up 200ms ease-out;
     --animate-fd-nav-menu-in: fd-nav-menu-in 200ms ease;
     --animate-fd-nav-menu-out: fd-nav-menu-out 200ms ease;
-    --animate-fd-enterFromLeft: fd-enterFromLeft 250ms ease;
-    --animate-fd-enterFromRight: fd-enterFromRight 250ms ease;
-    --animate-fd-sidebar-in: fd-sidebar-in 250ms ease;
-    --animate-fd-sidebar-out: fd-sidebar-out 250ms ease;
-    --animate-fd-exitToLeft: fd-exitToLeft 250ms ease;
-    --animate-fd-exitToRight: fd-exitToRight 250ms ease;
   }
 }
 @layer base {
@@ -338,12 +337,6 @@
   .top-\(--fd-docs-row-3\) {
     top: var(--fd-docs-row-3);
   }
-  .top-\(--fd-nav-height\) {
-    top: var(--fd-nav-height);
-  }
-  .top-\(--fd-top\) {
-    top: var(--fd-top);
-  }
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
@@ -359,11 +352,8 @@
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
-  .top-14 {
-    top: calc(var(--spacing) * 14);
-  }
-  .top-\[calc\(--spacing\(4\)\+var\(--fd-toc-popover-height\)\)\] {
-    top: calc(calc(var(--spacing) * 4) + var(--fd-toc-popover-height));
+  .top-\[calc\(--spacing\(4\)\+var\(--fd-docs-row-3\)\)\] {
+    top: calc(calc(var(--spacing) * 4) + var(--fd-docs-row-3));
   }
   .right-2 {
     right: calc(var(--spacing) * 2);
@@ -848,8 +838,8 @@
       margin-bottom: 0;
     }
   }
-  .mt-\(--fd-top\) {
-    margin-top: var(--fd-top);
+  .mt-1 {
+    margin-top: calc(var(--spacing) * 1);
   }
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
@@ -857,9 +847,6 @@
   .mt-px {
     margin-top: 1px;
   }
-  .mr-auto {
-    margin-right: auto;
-  }
   .-mb-px {
     margin-bottom: -1px;
   }
@@ -983,9 +970,6 @@
   .h-\[400px\] {
     height: 400px;
   }
-  .h-\[calc\(100dvh-var\(--fd-nav-height\)\)\] {
-    height: calc(100dvh - var(--fd-nav-height));
-  }
   .h-\[calc\(var\(--fd-docs-height\)-var\(--fd-docs-row-1\)\)\] {
     height: calc(var(--fd-docs-height) - var(--fd-docs-row-1));
   }
@@ -1049,9 +1033,6 @@
   .w-\[85\%\] {
     width: 85%;
   }
-  .w-\[286px\] {
-    width: 286px;
-  }
   .w-\[calc\(100\%-1rem\)\] {
     width: calc(100% - 1rem);
   }
@@ -1076,9 +1057,6 @@
   .max-w-\[380px\] {
     max-width: 380px;
   }
-  .max-w-\[860px\] {
-    max-width: 860px;
-  }
   .max-w-\[900px\] {
     max-width: 900px;
   }
@@ -1141,6 +1119,10 @@
     --tw-translate-y: -100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-y-\(--fd-top\) {
+    --tw-translate-y: var(--fd-top);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-full {
     --tw-translate-y: 100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1489,9 +1471,6 @@
   .py-6 {
     padding-block: calc(var(--spacing) * 6);
   }
-  .py-8 {
-    padding-block: calc(var(--spacing) * 8);
-  }
   .py-12 {
     padding-block: calc(var(--spacing) * 12);
   }
@@ -1543,9 +1522,6 @@
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
-  .pl-4 {
-    padding-left: calc(var(--spacing) * 4);
-  }
   .text-center {
     text-align: center;
   }
@@ -1558,10 +1534,6 @@
   .font-mono {
     font-family: var(--font-mono);
   }
-  .text-3xl {
-    font-size: var(--text-3xl);
-    line-height: var(--tw-leading, var(--text-3xl--line-height));
-  }
   .text-base {
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
@@ -1587,6 +1559,10 @@
   .text-\[1\.75em\] {
     font-size: 1.75em;
   }
+  .leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
   .font-medium {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
@@ -1655,9 +1631,6 @@
   .text-fd-secondary-foreground {
     color: var(--color-fd-secondary-foreground);
   }
-  .italic {
-    font-style: italic;
-  }
   .line-through {
     text-decoration-line: line-through;
   }
@@ -1711,11 +1684,6 @@
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
-  .transition {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
   .transition-\[grid-template-columns\] {
     transition-property: grid-template-columns;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1726,6 +1694,21 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[opacity\,translate\,color\] {
+    transition-property: opacity,translate,color;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[opacity\,translate\] {
+    transition-property: opacity,translate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[translate\,height\] {
+    transition-property: translate,height;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[width\,height\] {
     transition-property: width,height;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1793,9 +1776,6 @@
   .\[--fd-layout-width\:1400px\] {
     --fd-layout-width: 1400px;
   }
-  .\[--fd-nav-height\:56px\] {
-    --fd-nav-height: 56px;
-  }
   .\[--fd-sidebar-width\:0px\] {
     --fd-sidebar-width: 0px;
   }
@@ -2388,21 +2368,6 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-  .max-md\:invisible {
-    @media (width < 48rem) {
-      visibility: hidden;
-    }
-  }
-  .max-md\:inset-x-0 {
-    @media (width < 48rem) {
-      inset-inline: calc(var(--spacing) * 0);
-    }
-  }
-  .max-md\:bottom-0 {
-    @media (width < 48rem) {
-      bottom: calc(var(--spacing) * 0);
-    }
-  }
   .max-md\:flex {
     @media (width < 48rem) {
       display: flex;
@@ -2424,11 +2389,6 @@
       border-width: 1px;
     }
   }
-  .max-md\:bg-fd-background {
-    @media (width < 48rem) {
-      background-color: var(--color-fd-background);
-    }
-  }
   .max-md\:bg-fd-secondary {
     @media (width < 48rem) {
       background-color: var(--color-fd-secondary);
@@ -2469,26 +2429,11 @@
       justify-content: flex-end;
     }
   }
-  .md\:sticky {
-    @media (width >= 48rem) {
-      position: sticky;
-    }
-  }
   .md\:top-\[calc\(50\%-250px\)\] {
     @media (width >= 48rem) {
       top: calc(50% - 250px);
     }
   }
-  .md\:mx-auto {
-    @media (width >= 48rem) {
-      margin-inline: auto;
-    }
-  }
-  .md\:mt-1 {
-    @media (width >= 48rem) {
-      margin-top: calc(var(--spacing) * 1);
-    }
-  }
   .md\:mb-auto {
     @media (width >= 48rem) {
       margin-bottom: auto;
@@ -2505,16 +2450,6 @@
       height: calc(var(--spacing) * 5);
     }
   }
-  .md\:h-\[calc\(100dvh-56px\)\] {
-    @media (width >= 48rem) {
-      height: calc(100dvh - 56px);
-    }
-  }
-  .md\:w-\[300px\] {
-    @media (width >= 48rem) {
-      width: 300px;
-    }
-  }
   .md\:grid-cols-2 {
     @media (width >= 48rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -2900,6 +2835,10 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-font-weight {
   syntax: "*";
   inherits: false;
@@ -3102,42 +3041,6 @@
     transform: translateX(var(--fd-sidebar-drawer-offset));
   }
 }
-@keyframes fd-collapsible-down {
-  from {
-    height: 0;
-    opacity: 0;
-  }
-  to {
-    height: var(--radix-collapsible-content-height);
-  }
-}
-@keyframes fd-collapsible-up {
-  from {
-    height: var(--radix-collapsible-content-height);
-  }
-  to {
-    height: 0;
-    opacity: 0;
-  }
-}
-@keyframes fd-accordion-down {
-  from {
-    height: 0;
-    opacity: 0.5;
-  }
-  to {
-    height: var(--radix-accordion-content-height);
-  }
-}
-@keyframes fd-accordion-up {
-  from {
-    height: var(--radix-accordion-content-height);
-  }
-  to {
-    height: 0;
-    opacity: 0.5;
-  }
-}
 @keyframes fd-dialog-in {
   from {
     transform: scale(1.06);
@@ -3224,6 +3127,42 @@
     transform: translateX(-200px);
   }
 }
+@keyframes fd-collapsible-down {
+  from {
+    height: 0;
+    opacity: 0;
+  }
+  to {
+    height: var(--radix-collapsible-content-height);
+  }
+}
+@keyframes fd-collapsible-up {
+  from {
+    height: var(--radix-collapsible-content-height);
+  }
+  to {
+    height: 0;
+    opacity: 0;
+  }
+}
+@keyframes fd-accordion-down {
+  from {
+    height: 0;
+    opacity: 0.5;
+  }
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}
+@keyframes fd-accordion-up {
+  from {
+    height: var(--radix-accordion-content-height);
+  }
+  to {
+    height: 0;
+    opacity: 0.5;
+  }
+}
 @keyframes fd-nav-menu-in {
   from {
     opacity: 0;
@@ -3257,6 +3196,7 @@
       --tw-skew-x: initial;
       --tw-skew-y: initial;
       --tw-divide-y-reverse: 0;
+      --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;

package/dist/utils/use-copy-button.d.ts

@@ -1,3 +1,2 @@
-import { type MouseEventHandler } from 'react';
-export declare function useCopyButton(onCopy: () => void | Promise<void>): [checked: boolean, onClick: MouseEventHandler];
+export * from '@fumadocs/ui/hooks/use-copy-button';
 //# sourceMappingURL=use-copy-button.d.ts.map

package/dist/utils/use-copy-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-copy-button.d.ts","sourceRoot":"","sources":["../../src/utils/use-copy-button.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,iBAAiB,EAKvB,MAAM,OAAO,CAAC;AAEf,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,GACjC,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,CAAC,CA2BhD"}
+{"version":3,"file":"use-copy-button.d.ts","sourceRoot":"","sources":["../../src/utils/use-copy-button.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC"}

package/dist/utils/use-copy-button.js

@@ -1,27 +1 @@
-'use client';
-import { useCallback, useEffect, useRef, useState, } from 'react';
-export function useCopyButton(onCopy) {
-    const [checked, setChecked] = useState(false);
-    const callbackRef = useRef(onCopy);
-    const timeoutRef = useRef(null);
-    callbackRef.current = onCopy;
-    const onClick = useCallback(() => {
-        if (timeoutRef.current)
-            window.clearTimeout(timeoutRef.current);
-        const res = Promise.resolve(callbackRef.current());
-        void res.then(() => {
-            setChecked(true);
-            timeoutRef.current = window.setTimeout(() => {
-                setChecked(false);
-            }, 1500);
-        });
-    }, []);
-    // Avoid updates after being unmounted
-    useEffect(() => {
-        return () => {
-            if (timeoutRef.current)
-                window.clearTimeout(timeoutRef.current);
-        };
-    }, []);
-    return [checked, onClick];
-}
+export * from '@fumadocs/ui/hooks/use-copy-button';

package/dist/utils/use-footer-items.d.ts

@@ -1,6 +1,2 @@
-import type * as PageTree from 'fumadocs-core/page-tree';
-/**
- * @returns a list of page tree items (linear), that you can obtain footer items
- */
-export declare function useFooterItems(): PageTree.Item[];
+export * from '@fumadocs/ui/hooks/use-footer-items';
 //# sourceMappingURL=use-footer-items.d.ts.map

package/dist/utils/use-footer-items.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-footer-items.d.ts","sourceRoot":"","sources":["../../src/utils/use-footer-items.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAIzD;;GAEG;AACH,wBAAgB,cAAc,IAAI,QAAQ,CAAC,IAAI,EAAE,CAkBhD"}
+{"version":3,"file":"use-footer-items.d.ts","sourceRoot":"","sources":["../../src/utils/use-footer-items.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC"}

package/dist/utils/use-footer-items.js

@@ -1,27 +1 @@
-import { useTreeContext } from '../contexts/tree.js';
-const footerCache = new Map();
-/**
- * @returns a list of page tree items (linear), that you can obtain footer items
- */
-export function useFooterItems() {
-    const { root } = useTreeContext();
-    const cached = footerCache.get(root.$id);
-    if (cached)
-        return cached;
-    const list = [];
-    function onNode(node) {
-        if (node.type === 'folder') {
-            if (node.index)
-                onNode(node.index);
-            for (const child of node.children)
-                onNode(child);
-        }
-        else if (node.type === 'page' && !node.external) {
-            list.push(node);
-        }
-    }
-    for (const child of root.children)
-        onNode(child);
-    footerCache.set(root.$id, list);
-    return list;
-}
+export * from '@fumadocs/ui/hooks/use-footer-items';

package/dist/utils/use-is-scroll-top.d.ts

@@ -1,4 +1,2 @@
-export declare function useIsScrollTop({ enabled }: {
-    enabled?: boolean;
-}): boolean | undefined;
+export * from '@fumadocs/ui/hooks/use-is-scroll-top';
 //# sourceMappingURL=use-is-scroll-top.d.ts.map

package/dist/utils/use-is-scroll-top.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-is-scroll-top.d.ts","sourceRoot":"","sources":["../../src/utils/use-is-scroll-top.ts"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,EAAE,OAAc,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,uBAkBvE"}
+{"version":3,"file":"use-is-scroll-top.d.ts","sourceRoot":"","sources":["../../src/utils/use-is-scroll-top.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC"}

package/dist/utils/use-is-scroll-top.js

@@ -1,17 +1 @@
-import { useEffect, useState } from 'react';
-export function useIsScrollTop({ enabled = true }) {
-    const [isTop, setIsTop] = useState();
-    useEffect(() => {
-        if (!enabled)
-            return;
-        const listener = () => {
-            setIsTop(window.scrollY < 10);
-        };
-        listener();
-        window.addEventListener('scroll', listener);
-        return () => {
-            window.removeEventListener('scroll', listener);
-        };
-    }, [enabled]);
-    return isTop;
-}
+export * from '@fumadocs/ui/hooks/use-is-scroll-top';

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "fumadocs-ui",
-  "version": "16.2.5",
-  "description": "The React.js documentation framework",
+  "version": "16.3.1",
+  "description": "The Radix UI version of Fumadocs UI",
   "keywords": [
-    "NextJs",
+    "Fumadocs",
     "Docs"
   ],
   "homepage": "https://fumadocs.dev",
@@ -15,6 +15,10 @@
     "./style.css": "./dist/style.css",
     "./css/*": "./css/*",
     "./image-zoom.css": "./dist/image-zoom.css",
+    "./components/tabs.unstyled": {
+      "import": "./dist/components/ui/tabs.js",
+      "types": "./dist/components/ui/tabs.d.ts"
+    },
     "./components/*": {
       "import": "./dist/components/*.js",
       "types": "./dist/components/*.d.ts",
@@ -73,10 +77,6 @@
       "import": "./dist/og.js",
       "types": "./dist/og.d.ts"
     },
-    "./theme/*": {
-      "import": "./dist/theme/*.js",
-      "types": "./dist/theme/*.d.ts"
-    },
     "./utils/get-sidebar-tabs": {
       "import": "./dist/components/sidebar/tabs/index.js",
       "types": "./dist/components/sidebar/tabs/index.d.ts"
@@ -84,10 +84,6 @@
     "./utils/*": {
       "import": "./dist/utils/*.js",
       "types": "./dist/utils/*.d.ts"
-    },
-    "./internal/icons": {
-      "import": "./dist/icons.js",
-      "types": "./dist/icons.d.ts"
     }
   },
   "files": [
@@ -106,40 +102,31 @@
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-tabs": "^1.1.13",
     "class-variance-authority": "^0.7.1",
-    "lodash.merge": "^4.6.2",
     "next-themes": "^0.4.6",
-    "postcss-selector-parser": "^7.1.1",
     "react-medium-image-zoom": "^5.4.0",
     "scroll-into-view-if-needed": "^3.1.0",
-    "tailwind-merge": "^3.4.0",
-    "fumadocs-core": "16.2.5"
+    "@fumadocs/ui": "16.3.1",
+    "fumadocs-core": "16.3.1"
   },
   "devDependencies": {
-    "@next/eslint-plugin-next": "16.0.10",
     "@tailwindcss/cli": "^4.1.18",
-    "@types/lodash.merge": "^4.6.9",
     "@types/node": "^24.10.2",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
-    "next": "16.0.10",
     "tailwindcss": "^4.1.18",
     "tsc-alias": "^1.8.16",
     "@fumadocs/cli": "1.1.0",
     "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "16.2.5",
+    "fumadocs-core": "16.3.1",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {
     "@types/react": "*",
-    "next": "16.x.x",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tailwindcss": "^4.0.0"
   },
   "peerDependenciesMeta": {
-    "next": {
-      "optional": true
-    },
     "@types/react": {
       "optional": true
     },

package/css/colors/index.css

@@ -1,51 +0,0 @@
-@theme {
-  --color-fd-background: hsl(0, 0%, 96%);
-  --color-fd-foreground: hsl(0, 0%, 3.9%);
-  --color-fd-muted: hsl(0, 0%, 96.1%);
-  --color-fd-muted-foreground: hsl(0, 0%, 45.1%);
-  --color-fd-popover: hsl(0, 0%, 98%);
-  --color-fd-popover-foreground: hsl(0, 0%, 15.1%);
-  --color-fd-card: hsl(0, 0%, 94.7%);
-  --color-fd-card-foreground: hsl(0, 0%, 3.9%);
-  --color-fd-border: hsla(0, 0%, 80%, 50%);
-  --color-fd-primary: hsl(0, 0%, 9%);
-  --color-fd-primary-foreground: hsl(0, 0%, 98%);
-  --color-fd-secondary: hsl(0, 0%, 93.1%);
-  --color-fd-secondary-foreground: hsl(0, 0%, 9%);
-  --color-fd-accent: hsla(0, 0%, 82%, 50%);
-  --color-fd-accent-foreground: hsl(0, 0%, 9%);
-  --color-fd-ring: hsl(0, 0%, 63.9%);
-  --color-fd-overlay: hsla(0, 0%, 0%, 0.2);
-}
-
-.dark {
-  --color-fd-background: hsl(0, 0%, 7.04%);
-  --color-fd-foreground: hsl(0, 0%, 92%);
-  --color-fd-muted: hsl(0, 0%, 12.9%);
-  --color-fd-muted-foreground: hsla(0, 0%, 70%, 0.8);
-  --color-fd-popover: hsl(0, 0%, 11.6%);
-  --color-fd-popover-foreground: hsl(0, 0%, 86.9%);
-  --color-fd-card: hsl(0, 0%, 9.8%);
-  --color-fd-card-foreground: hsl(0, 0%, 98%);
-  --color-fd-border: hsla(0, 0%, 40%, 20%);
-  --color-fd-primary: hsl(0, 0%, 98%);
-  --color-fd-primary-foreground: hsl(0, 0%, 9%);
-  --color-fd-secondary: hsl(0, 0%, 12.9%);
-  --color-fd-secondary-foreground: hsl(0, 0%, 92%);
-  --color-fd-accent: hsla(0, 0%, 40.9%, 30%);
-  --color-fd-accent-foreground: hsl(0, 0%, 90%);
-  --color-fd-ring: hsl(0, 0%, 54.9%);
-  --color-fd-overlay: hsla(0, 0%, 0%, 0.2);
-}
-
-@theme static {
-  --color-fd-info: oklch(62.3% 0.214 259.815);
-  --color-fd-warning: oklch(76.9% 0.188 70.08);
-  --color-fd-error: oklch(63.7% 0.237 25.331);
-  --color-fd-success: oklch(72.3% 0.219 149.579);
-  --color-fd-idea: oklch(70.5% 0.209 60.849);
-  --color-fd-diff-remove: rgba(200, 10, 100, 0.12);
-  --color-fd-diff-remove-symbol: rgb(230, 10, 100);
-  --color-fd-diff-add: rgba(14, 180, 100, 0.1);
-  --color-fd-diff-add-symbol: rgb(10, 200, 100);
-}