actually i think it should be dark mode
This commit is contained in:
parent
b9925aea93
commit
916a5b46f3
1 changed files with 15 additions and 4 deletions
|
@ -1,19 +1,29 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<style>
|
<style>
|
||||||
|
:root {
|
||||||
|
color-scheme: dark;
|
||||||
|
}
|
||||||
|
|
||||||
:root,
|
:root,
|
||||||
input,
|
input,
|
||||||
textarea {
|
textarea {
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main,
|
||||||
|
footer {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
width: fit-content;
|
width: 100%;
|
||||||
|
max-width: 960px;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
gap: 1ch;
|
||||||
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
resize: none;
|
resize: none;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
|
@ -21,10 +31,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: rgb(255, 31, 248);
|
color: rgb(251, 147, 247);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
&:hover {
|
&:hover {
|
||||||
border-bottom: 1px solid rgb(255, 31, 248);
|
border-bottom: 1px solid rgb(251, 147, 247);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -34,6 +44,7 @@
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
|
<div>crdt playground</div>
|
||||||
<a href="https://git.lavender.software/char/sync-playground">source code</a>
|
<a href="https://git.lavender.software/char/sync-playground">source code</a>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue