diff options
| author | LASER-Yi <[email protected]> | 2021-12-11 18:45:19 +0800 |
|---|---|---|
| committer | Haishan <[email protected]> | 2022-03-06 16:47:40 +0800 |
| commit | 06428daa53029dca82d63cbf3364b3f74fce67d5 (patch) | |
| tree | 18f2a8b0ca0481f86d9c9689973d81c6f7b26e8d /src/components/Root.scss | |
| parent | 3e87d8b52e62c6f8da48176c81267bacd36e3965 (diff) | |
Add support of automatic switch color scheme
Diffstat (limited to 'src/components/Root.scss')
| -rw-r--r-- | src/components/Root.scss | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/src/components/Root.scss b/src/components/Root.scss index 0df5819..4ae7d5f 100644 --- a/src/components/Root.scss +++ b/src/components/Root.scss @@ -124,10 +124,16 @@ body { --select-bg-hover: url(data:image/svg+xml,%0A%20%20%20%20%3Csvg%20width%3D%228%22%20height%3D%2224%22%20viewBox%3D%220%200%208%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M4%207L7%2011H1L4%207Z%22%20fill%3D%22%23222222%22%20%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M4%2017L1%2013L7%2013L4%2017Z%22%20fill%3D%22%23222222%22%20%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E%0A%20%20); } -// we don't have a "system" or "auto" mode now -// it's just not make sense to have these yet -// @media (prefers-color-scheme: dark) {} -// @media (prefers-color-scheme: light) {} +:root[data-theme='auto'] { + @media (prefers-color-scheme: dark) { + @include dark; + color-scheme: dark; + } + @media (prefers-color-scheme: light) { + @include light; + color-scheme: light; + } +} :root[data-theme='dark'] { @include dark; |