Skip to content

Instantly share code, notes, and snippets.

@jcarloasilo
Created September 26, 2024 03:01
Show Gist options
  • Save jcarloasilo/b57ba23e4469dc9f651f435cb65a2792 to your computer and use it in GitHub Desktop.
Save jcarloasilo/b57ba23e4469dc9f651f435cb65a2792 to your computer and use it in GitHub Desktop.
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
:root {
--background: 221 0% 100%;
--foreground: 221 0% 10%;
--card: 221 0% 100%;
--card-foreground: 221 0% 15%;
--popover: 221 0% 100%;
--popover-foreground: 221 95% 10%;
--primary: 221 84.1% 12.4%;
--primary-foreground: 0 0% 100%;
--secondary: 221 10% 90%;
--secondary-foreground: 0 0% 0%;
--muted: 183 10% 95%;
--muted-foreground: 221 0% 40%;
--accent: 183 10% 90%;
--accent-foreground: 221 0% 15%;
--destructive: 0 50% 50%;
--destructive-foreground: 221 0% 100%;
--border: 221 20% 82%;
--input: 221 20% 50%;
--ring: 221 84.1% 12.4%;
--radius: 0.5rem;
}
.dark {
--background: 221 10% 10%;
--foreground: 221 0% 100%;
--card: 221 0% 10%;
--card-foreground: 221 0% 100%;
--popover: 221 10% 5%;
--popover-foreground: 221 0% 100%;
--primary: 221 84.1% 12.4%;
--primary-foreground: 0 0% 100%;
--secondary: 221 10% 20%;
--secondary-foreground: 0 0% 100%;
--muted: 183 10% 25%;
--muted-foreground: 221 0% 65%;
--accent: 183 10% 25%;
--accent-foreground: 221 0% 95%;
--destructive: 0 50% 50%;
--destructive-foreground: 221 0% 100%;
--border: 221 20% 50%;
--input: 221 20% 50%;
--ring: 221 84.1% 12.4%;
--radius: 0.5rem;
}
}
@layer base {
* {
@apply border-border;
}
body {
@apply bg-background text-foreground;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment