night modo

This commit is contained in:
remi 2022-05-05 08:44:40 +02:00
parent 473c272fe0
commit 2c4d3ab087
2 changed files with 19 additions and 3 deletions

View File

@ -4,18 +4,34 @@
}
:root {
--background-color: #fff;
--text-color: #000;
--notes-color: rgb(255, 235, 181);
--spacer-color: rgba(0, 0, 0, 0.4);
--spacer-color-2: rgba(0, 0, 0, 0.2);
--left-color: rgb(167, 179, 167);
--right-color: rgb(97, 206, 97);
--left-color: #a7b3a7;
--right-color: #61ce61;
--font-normal: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
--font-heonian: "heonian", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #000;
--text-color: #fff;
--notes-color: rgb(255, 235, 181);
--spacer-color: rgba(255, 255, 255, 0.4);
--spacer-color-2: rgba(255, 255, 255, 0.2);
--left-color: #a7b3a7;
--right-color: #61ce61;
}
}
body {
margin: 0;
font-family: var(--font-normal);
background-color: var(--background-color);
color: var(--text-color);
}
main {

2
todo
View File

@ -3,6 +3,6 @@
[ ] both: names in both heonian and romanization
[ ] generator: word list
[ ] js: word lookup
[ ] css: night mode lol
[x] css: night mode lol
[x] html: preload heonian font to prevent split second of it looking Strange
[ ] ???: translation support..?