style: support dark theme
This commit is contained in:
parent
5baa434da4
commit
57fb3a42b5
|
@ -2,8 +2,8 @@
|
||||||
<html>
|
<html>
|
||||||
{{- partial "head.html" . -}}
|
{{- partial "head.html" . -}}
|
||||||
|
|
||||||
<body>
|
<body class="bg:gray-90@dark font:gray-15@dark">
|
||||||
<nav class="w:full h:90 fixed bg:white">
|
<nav class="w:full h:90 fixed bg:gray-88@dark bg:white">
|
||||||
<div class="
|
<div class="
|
||||||
h:full
|
h:full
|
||||||
w:full
|
w:full
|
||||||
|
|
|
@ -51,6 +51,7 @@
|
||||||
r:8_:where(pre)
|
r:8_:where(pre)
|
||||||
overflow:auto_:where(pre)
|
overflow:auto_:where(pre)
|
||||||
bg:gray-3_:where(pre,code:not(.highlight_*))
|
bg:gray-3_:where(pre,code:not(.highlight_*))
|
||||||
|
bg:gray-93_:where(pre,code:not(.highlight_*))@dark
|
||||||
p:2;4_:where(code:not(.highlight_*))
|
p:2;4_:where(code:not(.highlight_*))
|
||||||
r:4_:where(code:not(.highlight_*))
|
r:4_:where(code:not(.highlight_*))
|
||||||
|
|
||||||
|
|
|
@ -17,4 +17,8 @@
|
||||||
<link href="https://unpkg.com/@master/normal.css" rel="stylesheet">
|
<link href="https://unpkg.com/@master/normal.css" rel="stylesheet">
|
||||||
<script src="https://unpkg.com/@master/style"></script>
|
<script src="https://unpkg.com/@master/style"></script>
|
||||||
<script src="https://unpkg.com/@master/styles"></script>
|
<script src="https://unpkg.com/@master/styles"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
window.matchMedia('(prefers-color-scheme: dark)').matches && document.documentElement.classList.add("dark");
|
||||||
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
Loading…
Reference in New Issue