Skip to content

deps: upgrade fumadocs trio to 16.15.1/15.3.1 and migrate theme variables #70

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
KaladinX merged 1 commit into from
Aug 24, 2026
Merged

deps: upgrade fumadocs trio to 16.15.1/15.3.1 and migrate theme variables #70

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
80 changes: 40 additions & 40 deletions app/global.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,60 +2,60 @@
@import 'fumadocs-ui/css/neutral.css';
@import 'fumadocs-ui/css/preset.css';

:root {
/* Codex palette. fumadocs-ui 16.8+ reads --color-fd-* theme tokens holding
full color values (the old bare-triplet --fd-* variables are ignored). */
@theme {
/* Primary — Codex teal */
--fd-primary: 168 100% 42%;
--fd-primary-foreground: 240 44% 7%;
--color-fd-primary: hsl(168, 100%, 42%);
--color-fd-primary-foreground: hsl(240, 44%, 7%);

/* Background — Codex parchment */
--fd-background: 60 20% 97%;
--color-fd-background: hsl(60, 20%, 97%);

/* Surfaces — clean white cards, warm muted fills */
--fd-card: 0 0% 100%;
--fd-muted: 37 21% 93%;
--color-fd-card: hsl(0, 0%, 100%);
--color-fd-muted: hsl(37, 21%, 93%);

/* Text — Codex ink and muted stone */
--fd-foreground: 240 28% 14%;
--fd-muted-foreground: 240 9% 46%;
--color-fd-foreground: hsl(240, 28%, 14%);
--color-fd-muted-foreground: hsl(240, 9%, 46%);

/* Borders — warm neutral */
--fd-border: 37 20% 87%;
--color-fd-border: hsl(37, 20%, 87%);

/* Hover / active — deeper teal */
--fd-accent: 168 100% 36%;
--fd-accent-foreground: 0 0% 100%;
--color-fd-accent: hsl(168, 100%, 36%);
--color-fd-accent-foreground: hsl(0, 0%, 100%);

/* Semantic */
--fd-destructive: 358 75% 59%;
--fd-warning: 45 80% 55%;

--fd-radius: 0.625rem;
/* Semantic (callouts) */
--color-fd-error: hsl(358, 75%, 59%);
--color-fd-warning: hsl(45, 80%, 55%);
}

.dark {
--fd-primary: 168 100% 42%;
--fd-primary-foreground: 240 44% 7%;
--color-fd-primary: hsl(168, 100%, 42%);
--color-fd-primary-foreground: hsl(240, 44%, 7%);

/* Background — Codex deep navy */
--fd-background: 240 28% 14%;
--color-fd-background: hsl(240, 28%, 14%);

/* Surfaces — Codex surface navy */
--fd-card: 240 26% 18%;
--fd-muted: 240 22% 21%;
--color-fd-card: hsl(240, 26%, 18%);
--color-fd-muted: hsl(240, 22%, 21%);

/* Text — warm off-white */
--fd-foreground: 36 10% 90%;
--fd-muted-foreground: 240 9% 58%;
--color-fd-foreground: hsl(36, 10%, 90%);
--color-fd-muted-foreground: hsl(240, 9%, 58%);

/* Borders — subtle navy edges */
--fd-border: 240 18% 20%;
--color-fd-border: hsl(240, 18%, 20%);

/* Hover — brighter teal for dark backgrounds */
--fd-accent: 168 100% 46%;
--fd-accent-foreground: 36 10% 90%;
--color-fd-accent: hsl(168, 100%, 46%);
--color-fd-accent-foreground: hsl(36, 10%, 90%);

--fd-destructive: 358 75% 62%;
--fd-warning: 45 80% 58%;
--color-fd-error: hsl(358, 75%, 62%);
--color-fd-warning: hsl(45, 80%, 58%);
}

html {
Expand All @@ -73,42 +73,42 @@ html {

/* Code block border */
pre {
border: 1px solid hsl(var(--fd-border) / 0.5);
border: 1px solid color-mix(in srgb, var(--color-fd-border) 50%, transparent);
}

/* Inline code — warm parchment tint */
:not(pre) > code {
background: hsl(37 21% 94%);
border: 1px solid hsl(37 20% 88%);
color: hsl(240 28% 14%);
background: hsl(37, 21%, 94%);
border: 1px solid hsl(37, 20%, 88%);
color: hsl(240, 28%, 14%);
}

.dark :not(pre) > code {
background: hsl(240 26% 20%);
border: 1px solid hsl(240 18% 24%);
color: hsl(36 10% 90%);
background: hsl(240, 26%, 20%);
border: 1px solid hsl(240, 18%, 24%);
color: hsl(36, 10%, 90%);
}

/* Sidebar active item — teal accent bar */
[data-active="true"] {
border-left: 2px solid hsl(var(--fd-primary)) !important;
background: hsl(var(--fd-primary) / 0.08) !important;
border-left: 2px solid var(--color-fd-primary) !important;
background: color-mix(in srgb, var(--color-fd-primary) 8%, transparent) !important;
}

/* Prose links */
.prose a:not([class]) {
color: hsl(var(--fd-primary));
color: var(--color-fd-primary);
text-decoration-thickness: 1px;
text-underline-offset: 2px;
transition: text-decoration-color 0.2s ease, color 0.2s ease;
}

.prose a:not([class]):hover {
color: hsl(var(--fd-accent));
color: var(--color-fd-accent);
}

/* Focus states */
:focus-visible {
outline: 2px solid hsl(var(--fd-primary));
outline: 2px solid var(--color-fd-primary);
outline-offset: 2px;
}
6 changes: 3 additions & 3 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,9 +11,9 @@
"watch": "fumadocs-mdx watch"
},
"dependencies": {
"fumadocs-core": "16.7.9",
"fumadocs-mdx": "14.2.11",
"fumadocs-ui": "16.7.9",
"fumadocs-core": "16.15.1",
"fumadocs-mdx": "15.3.1",
"fumadocs-ui": "16.15.1",
"next": "16.3.2",
"react": "^19.2.8",
"react-dom": "^19.2.8"
Expand Down
Loading
Loading