prefers-color-scheme support

This commit is contained in:
Job Bautista 2021-05-07 09:27:27 +00:00
parent e102039876
commit 88745d7a35
2 changed files with 11 additions and 4 deletions

View File

@ -1,3 +1,11 @@
@media (prefers-color-scheme: light) {
@import url("/~job/light.css");
}
@media (prefers-color-scheme: dark) {
@import url("/~job/dark.css");
}
h1, header, footer, .txtcenter, .multipleimgcenter { text-align:center; }
#top, #bottom{border:none;}
@ -84,4 +92,4 @@ input[type='checkbox']{display: none;}
padding: .5rem 1rem;
}
.collapsible-content{margin-bottom:0;}
.collapsible-content{margin-bottom:0;}

View File

@ -12,8 +12,7 @@
</head>
<body>
<header>
<script src="/~job/nav.js"></script>
<noscript><iframe id="top" name="top" src="/~job/nav.html"></iframe></noscript>
<iframe id="top" name="top" src="/~job/nav.html"></iframe>
</header>
<hr />
<h1>Welcome to my Website!</h1>
@ -33,4 +32,4 @@
<a id="navfix" href="/~job/nav.html">navigation if your browser has faulty iframe support</a>
</footer>
</body>
</html>
</html>