feat: add empty page color support with new CSS file and update index.html
This commit is contained in:
@@ -4,6 +4,7 @@
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="colors.css">
|
||||
<title>Nevedom Hren</title>
|
||||
</head>
|
||||
<body class="dark:bg-gray-950 dark:text-white">
|
||||
|
||||
9
public/colors.css
Normal file
9
public/colors.css
Normal file
@@ -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; }
|
||||
}
|
||||
@@ -1,7 +1,3 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body { background: black; color: white; }
|
||||
}
|
||||
|
||||
@custom-variant dark (&:where(.dark, .dark *));
|
||||
Reference in New Issue
Block a user