daniel/craft

Fumadocs

CSS Variables

globals.css
@tailwind base;
@tailwind components;
@tailwind utilities;
 
:root {
  --background: 0 0% 98%;
  --foreground: 0 0% 3.9%;
  --muted: 0 0% 96.1%;
  --muted-foreground: 0 0% 45.1%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 15.1%;
  --card: 0 0% 99.7%;
  --card-foreground: 0 0% 3.9%;
  --border: 0 0% 89.8%;
  /* --primary: 0 0% 9%; */
  --primary: 250 80% 54%;;
  --primary-foreground: 0 0% 98%;
  --secondary: 0 0% 96.1%;
  --secondary-foreground: 0 0% 9%;
  --accent: 0 0% 94.1%;
  --accent-foreground: 0 0% 9%;
  --ring: 0 0% 63.9%;
}
 
.dark {
  --background: 0 0% 2%;
  --foreground: 0 0% 98%;
  --muted: 0 0% 8%;
  --muted-foreground: 0 0% 60%;
  --popover: 0 0% 4%;
  --popover-foreground: 0 0% 88%;
  --card: 0 0% 4%;
  --card-foreground: 0 0% 98%;
  --border: 0 0% 14%;
  /* --primary: 0 0% 98%; */
  --primary: 250 100% 80%;
  --primary-foreground: 0 0% 9%;
  --secondary: 0 0% 12.9%;
  --secondary-foreground: 0 0% 98%;
  --accent: 0 0% 15%;
  --accent-foreground: 0 0% 100%;
  --ring: 0 0% 14.9%;
}

On this page