sane colors for themes (#11126)

This commit is contained in:
Josh Hawkins
2024-04-26 15:30:57 -05:00
committed by GitHub
parent d0aefc2121
commit ab032aa004
9 changed files with 329 additions and 287 deletions

View File

@@ -1,61 +1,59 @@
.theme-netflix.light {
--background: 0, 0%, 100%;
--foreground: 0, 0%, 0%;
@layer base {
.theme-netflix.light {
--background: 0 0% 100%;
--background-alt: 0 0% 96%;
--foreground: 0 0% 0%;
--muted: 0 0% 68%;
--muted-foreground: 0 0% 0%;
--popover: 0 0% 95%;
--popover-foreground: 0 0% 0%;
--border: 0 68% 39%;
--input: 0 68% 39%;
--card: 0 0% 95%;
--card-foreground: 0 0% 0%;
--primary: 0 100% 44%;
--primary-variant: 0 100% 34%;
--primary-foreground: 0 0% 100%;
--secondary: 0 0% 80%;
--secondary-foreground: 0 0% 100%;
--secondary-highlight: 0 0% 10%;
--accent: 0 100% 50%;
--accent-foreground: 0 0% 0%;
--destructive: 0 68% 39%;
--destructive-foreground: 0 0% 100%;
--warning: 45 100% 51%;
--warning-foreground: 0 0% 0%;
--ring: 0 100% 44%;
--selected: 0 100% 44%;
--selected-foreground: 0 0% 100%;
}
--muted: 0, 0%, 68%;
--muted-foreground: 0, 0%, 0%;
--popover: 0, 0%, 95%;
--popover-foreground: 0, 0%, 0%;
--border: 0, 68%, 39%;
--input: 0, 68%, 39%;
--card: 0, 0%, 95%;
--card-foreground: 0, 0%, 0%;
--primary: 0, 100%, 44%;
--primary-foreground: 0, 0%, 100%;
--secondary: 0, 0%, 0%;
--secondary-foreground: 0, 0%, 100%;
--accent: 0, 100%, 50%;
--accent-foreground: 0, 0%, 0%;
--destructive: 0, 68%, 39%;
--destructive-foreground: 0, 0%, 100%;
--ring: 0, 100%, 44%;
}
.theme-netflix.dark {
--background: 0, 0%, 0%;
--foreground: 0, 0%, 100%;
--muted: 0, 0%, 50%;
--muted-foreground: 0, 0%, 100%;
--popover: 0, 0%, 5%;
--popover-foreground: 0, 0%, 100%;
--border: 0, 68%, 39%;
--input: 0, 68%, 39%;
--card: 0, 0%, 5%;
--card-foreground: 0, 0%, 100%;
--primary: 0, 100%, 44%;
--primary-foreground: 0, 0%, 0%;
--secondary: 0, 0%, 100%;
--secondary-foreground: 0, 0%, 0%;
--accent: 0, 100%, 50%;
--accent-foreground: 0, 0%, 100%;
--destructive: 0, 68%, 39%;
--destructive-foreground: 0, 0%, 100%;
--ring: 0, 100%, 44%;
.theme-netflix.dark {
--background: 0 0% 0%;
--background-alt: 0 0% 5%;
--foreground: 0 0% 100%;
--muted: 0 0% 50%;
--muted-foreground: 0 0% 100%;
--popover: 0 0% 5%;
--popover-foreground: 0 0% 100%;
--border: 0 68% 39%;
--input: 0 68% 39%;
--card: 0 0% 5%;
--card-foreground: 0 0% 100%;
--primary: 0 70% 44%;
--primary-variant: 0 100% 34%;
--primary-foreground: 0 0% 0%;
--secondary: 0 0% 20%;
--secondary-foreground: 0 0% 40%;
--secondary-highlight: 0 0% 90%;
--accent: 0 100% 50%;
--accent-foreground: 0 0% 100%;
--destructive: 0 68% 39%;
--destructive-foreground: 0 0% 100%;
--warning: 45 100% 51%;
--warning-foreground: 0 0% 0%;
--ring: 0 100% 44%;
--selected: 0 100% 44%;
--selected-foreground: 0 0% 0%;
}
}