diff --git a/app/globals.css b/app/globals.css index a5a2a84..e53e6dc 100644 --- a/app/globals.css +++ b/app/globals.css @@ -7,10 +7,11 @@ @apply text-white } body { - @apply bg-mixed-100 + @apply dark:bg-mixed-100 bg-primary-600 + /* background: linear-gradient(47deg, black, #620072, #120072); */ } input { - @apply py-2 px-4 rounded-full bg-mixed-200 placeholder:text-dark-500 + @apply py-2 px-4 rounded-full dark:bg-mixed-200 dark:bg-mixed-600 placeholder:text-dark-500 } h1,h2,h3,h4,h5,h6 { @apply font-bold @@ -22,11 +23,13 @@ @layer components { .strapline { - @apply text-primary-500 uppercase font-bold mb-2 text-lg + @apply dark:text-primary-500 text-primary-100 uppercase font-bold mb-2 text-lg } .card { - @apply bg-mixed-200 rounded-3xl p-6 shadow-2xl + @apply dark:bg-mixed-200 bg-primary-500 rounded-3xl p-6 shadow-2xl + /* mix-blend-luminosity */ + /* @apply bg-mixed-200 rounded-3xl p-6 shadow-2xl */ } .btn-primary { diff --git a/app/layout.tsx b/app/layout.tsx index cb9e8bd..6892ae4 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -23,8 +23,8 @@ export default function RootLayout({ return ( -