diff options
| author | Fuwn <[email protected]> | 2023-12-05 22:18:57 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-12-05 22:18:57 -0800 |
| commit | ffbb6e84827c4395a7030fbff5b296ba1206d5cb (patch) | |
| tree | f18d9c4095225becad0c998fa0121992fd36e851 /src/app.html | |
| parent | fix(wrapped): fix proxy for dev (diff) | |
| download | due.moe-ffbb6e84827c4395a7030fbff5b296ba1206d5cb.tar.xz due.moe-ffbb6e84827c4395a7030fbff5b296ba1206d5cb.zip | |
feat(wrapped): REAL LIVE PREVIEW
Diffstat (limited to 'src/app.html')
| -rw-r--r-- | src/app.html | 52 |
1 files changed, 35 insertions, 17 deletions
diff --git a/src/app.html b/src/app.html index 1daa2548..4808664a 100644 --- a/src/app.html +++ b/src/app.html @@ -33,7 +33,7 @@ <!-- Stylesheets --> <link rel="stylesheet" type="text/css" href="https://latex.now.sh/style.css" /> - <link rel="stylesheet" type="text/css" href="https://skybox.sh/css/palettes/base16-light.css" /> + <link rel="stylesheet" type="text/css" href="https://skybox.sh/css/palettes/base16-dark.css" /> <link rel="stylesheet" type="text/css" href="https://skybox.sh/css/risotto.css" /> <!-- <link rel="stylesheet" type="text/css" href="https://skybox.sh/css/custom.css"> --> @@ -95,25 +95,43 @@ transition: 300ms; } - html.dark-theme { - filter: invert(1) hue-rotate(180deg) !important; - } - - html.dark-theme img { - filter: invert(1) hue-rotate(180deg) !important; - } - - .dark-theme .invert img { - filter: invert(0) !important; + :root { + --base00: #f8f8f8; + --base01: #e8e8e8; + --base02: #d8d8d8; + --base03: #b8b8b8; + --base04: #585858; + --base05: #383838; + --base06: #282828; + --base07: #181818; + --base08: #ab4642; + --base09: #dc9656; + --base0A: #f7ca88; + --base0B: #a1b56c; + --base0C: #86c1b9; + --base0D: #7cafc2; + --base0E: #ba8baf; + --base0F: #a16946; } @media (prefers-color-scheme: dark) { - html { - filter: invert(1) hue-rotate(180deg); - } - - html img { - filter: invert(1) hue-rotate(180deg); + :root { + --base00: #080808; + --base01: #181818; + --base02: #282828; + --base03: #484848; + --base04: #a8a8a8; + --base05: #c8c8c8; + --base06: #d8d8d8; + --base07: #f8f8f8; + --base08: #9a4541; + --base09: #cb9555; + --base0A: #f6c987; + --base0B: #a0b45b; + --base0C: #85c0b8; + --base0D: #7baeb1; + --base0E: #b98aae; + --base0F: #a06845; } } |