diff options
| author | Fuwn <[email protected]> | 2023-09-03 22:56:00 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-09-03 22:56:00 -0700 |
| commit | cf18f1986ab373989b92245f2b15ce933a2a3662 (patch) | |
| tree | 44be1ea5e3a7341300ec331715e09e1ff1eed64c /src/app.html | |
| parent | revert: "feat(html): local css" (diff) | |
| download | due.moe-cf18f1986ab373989b92245f2b15ce933a2a3662.tar.xz due.moe-cf18f1986ab373989b92245f2b15ce933a2a3662.zip | |
feat: dark theme
Diffstat (limited to 'src/app.html')
| -rw-r--r-- | src/app.html | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/src/app.html b/src/app.html index 801d1a78..fb37d49a 100644 --- a/src/app.html +++ b/src/app.html @@ -27,6 +27,22 @@ </head> <body data-sveltekit-preload-data="hover" style="max-width: 90% !important"> + <style> + html { + transition: 300ms; + } + + @media (prefers-color-scheme: dark) { + html { + filter: invert(1) hue-rotate(180deg); + } + + html img { + filter: invert(1) hue-rotate(180deg); + } + } + </style> + <div style="display: contents">%sveltekit.body%</div> </body> </html> |