diff --git a/index.html b/index.html index b425047..a1f370f 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ + Nevedom Hren diff --git a/public/colors.css b/public/colors.css new file mode 100644 index 0000000..833f992 --- /dev/null +++ b/public/colors.css @@ -0,0 +1,9 @@ +@media (prefers-color-scheme: dark) { + html > body { background: #101828; color: #e5e7eb; } + html:not(.dark) > body { background: #f3f4f6; color: black; } +} + +@media (prefers-color-scheme: light) { + html > body { background: #f3f4f6; color: black; } + html.dark > body { background: #101828; color: #e5e7eb; } +} \ No newline at end of file diff --git a/src/style.css b/src/style.css index 0c90c30..0229963 100644 --- a/src/style.css +++ b/src/style.css @@ -1,7 +1,3 @@ @import "tailwindcss"; -@media (prefers-color-scheme: dark) { - body { background: black; color: white; } -} - @custom-variant dark (&:where(.dark, .dark *)); \ No newline at end of file