news-analyze/styles/main.css

50 lines
1.1 KiB
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
html {
@apply bg-black scroll-smooth;
}
body {
@apply bg-black m-0 p-0 min-h-screen text-white;
}
html,
body {
font-family: "Noto Sans TC Variable", "Fira Sans", sans-serif;
}
.animate_fastest {
--animate-duration: 0.1s;
}
.animate_fast03 {
--animate-duration: 0.3s;
}
:root {
--background: bg-black;
--foreground: 0 0% 98%;
--card: 0 0% 3.9%;
--card-foreground: 0 0% 98%;
--popover: 0 0% 3.9%;
--popover-foreground: 0 0% 98%;
--primary: 0 0% 98%;
--primary-foreground: 0 0% 9%;
--secondary: 0 0% 14.9%;
--secondary-foreground: 0 0% 98%;
--muted: 0 0% 14.9%;
--muted-foreground: 0 0% 63.9%;
--accent: 0 0% 14.9%;
--accent-foreground: 0 0% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 0% 98%;
--border: 0 0% 14.9%;
--input: 0 0% 14.9%;
--ring: 0 0% 83.1%;
--chart-1: 220 70% 50%;
--chart-2: 160 60% 45%;
--chart-3: 30 80% 55%;
--chart-4: 280 65% 60%;
--chart-5: 340 75% 55%;
}
}
@plugin 'tailwind-scrollbar';