feat: add css for dark mode
This commit is contained in:
parent
999e912021
commit
18c7ccd084
2 changed files with 23 additions and 1 deletions
22
src/app.css
22
src/app.css
|
@ -1,8 +1,30 @@
|
|||
@import "@fontsource-variable/inter";
|
||||
@import "@fontsource-variable/inter/wght-italic.css";
|
||||
|
||||
:root {
|
||||
--background-color: white;
|
||||
--text-color: black;
|
||||
--accent-color: #0077b8;
|
||||
color-scheme: light;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #16191d;
|
||||
--text-color: #f8f9fa;
|
||||
--accent-color: #a5d8ff;
|
||||
color-scheme: dark;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Inter Variable", sans-serif;
|
||||
background-color: var(--background-color);
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
.contents {
|
||||
|
|
|
@ -56,7 +56,7 @@
|
|||
|
||||
<style>
|
||||
td {
|
||||
border: 1px solid black;
|
||||
border: 1px solid var(--text-color);
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue