fix(website): update font and color variables

Author: Rel1cx

apps/website/app/overrides.css

@@ -58,25 +58,17 @@ button {
 
 .prose table thead tr th code,
 .prose table tbody tr td code {
-  font-family: var(--font-family-mono);
   white-space: nowrap;
 }
 
-.prose code,
-.prose kbd,
-.prose samp,
-.prose pre {
-  font-family: var(--font-family-mono);
-}
-
 .prose .fd-codeblock code {
   font-family: var(--font-family-mono);
   font-size: 14px;
 }
 
 .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
   padding: .125rem .25em;
-  font-size: .9em;
+  font-size: 14px;
 }
 
 .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {

apps/website/app/theme.css

@@ -7,7 +7,7 @@
     --color-fd-card: hsl(0, 0%, 100%);
     --color-fd-foreground: hsl(240, 6%, 25%);
     --color-fd-muted-foreground: hsl(240, 6%, 50%);
-    --color-fd-muted: hsl(0, 0%, 96.1%);
+    --color-fd-muted: hsl(0, 0%, 96%);
     --color-fd-popover-foreground: hsl(0, 0%, 15.1%);
     --color-fd-popover: hsl(0, 0%, 100%);
     --color-fd-primary-foreground: hsl(0, 0%, 98%);
@@ -26,7 +26,7 @@
     --color-fd-card: hsl(0, 0%, 9.8%);
     --color-fd-foreground: hsl(0, 0%, 92%);
     --color-fd-muted-foreground: hsl(0, 0%, 60.9%);
-    --color-fd-muted: hsl(0, 0%, 12.9%);
+    --color-fd-muted: hsl(0, 0%, 15%);
     --color-fd-popover-foreground: hsl(0, 0%, 88%);
     --color-fd-popover: hsl(0, 0%, 9.8%);
     --color-fd-primary-foreground: hsl(0, 0%, 9%);
@@ -37,14 +37,7 @@
 }
 
 .prose {
-    --tw-prose-body: color-mix(in oklab,
-            var(--color-fd-foreground) 85%,
-            transparent);
-    --tw-prose-headings: color-mix(in oklab,
-            var(--color-fd-foreground) 85%,
-            transparent);
     --tw-prose-links: var(--color-fd-primary);
-    --tw-prose-code: var(--color-fd-primary);
 }
 
 .prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {

apps/website/package.json

@@ -44,14 +44,14 @@
     "@types/node": "^22.13.10",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
-    "autoprefixer": "^10.4.20",
+    "autoprefixer": "^10.4.21",
     "babel-plugin-react-compiler": "^19.0.0-beta-40c6c23-20250301",
     "dedent": "^1.5.3",
     "eslint": "^9.22.0",
     "eslint-plugin-de-morgan": "^1.2.0",
     "eslint-plugin-import-x": "^4.6.1",
     "eslint-plugin-mdx": "^3.2.0",
-    "eslint-plugin-perfectionist": "^4.10.0",
+    "eslint-plugin-perfectionist": "^4.10.1",
     "eslint-plugin-react-compiler": "^19.0.0-beta-40c6c23-20250301",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.19",

package.json

@@ -76,7 +76,7 @@
     "eslint-config-flat-gitignore": "^2.1.0",
     "eslint-plugin-de-morgan": "^1.2.0",
     "eslint-plugin-jsdoc": "^50.6.3",
-    "eslint-plugin-perfectionist": "^4.10.0",
+    "eslint-plugin-perfectionist": "^4.10.1",
     "eslint-plugin-regexp": "^2.7.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-unicorn": "^57.0.0",