add light-dark

This commit is contained in:
2025-08-04 16:12:24 -07:00
parent 36063c0a12
commit 3b88ba7ca5
3 changed files with 11 additions and 13 deletions

View File

@@ -1,3 +1,4 @@
# website
MiningTcup's static website
MiningTcup's static website
I know I'm using commits wrong, but I don't really care.

View File

@@ -27,9 +27,6 @@
<hr />
<section>
<h2>Things I've Done</h2>
<!-- <p> -->
<!-- An array of things I've done and reasons I've done them. -->
<!-- </p> -->
<h3><a target="_blank" href="/youclient">YouClient</a></h3>
<p>
My middle school gave each student an incredibly weak
@@ -94,9 +91,6 @@
<hr />
<section>
<h2>Services I Run</h2>
<!-- <p> -->
<!-- This server, 99.31.208.235, hosts a variety of services. -->
<!-- </p> -->
<h3>
<a
target="_blank"

View File

@@ -3,6 +3,7 @@
--secondary: #ffe847;
--primary-50: #312480;
--secondary-50: #807424;
color-scheme: light dark;
}
#content {
@@ -21,7 +22,7 @@ h2 {
}
a {
color: black;
color: light-dark(black, white);
}
p {
@@ -52,8 +53,8 @@ p {
.cover {
cursor: pointer;
background: #ffffff;
color: #ffffff;
background: light-dark(white, black);
color: light-dark(white, black);
user-select: none;
}
@@ -86,23 +87,25 @@ p {
background-image: url(lulu.webp);
background-size: 60%;
background-position: 100% 35%;
color: #ffffff;
color: light-dark(white, black);
}
#title-1 * {
margin: 0;
padding: 16px;
background: #000000;
background: light-dark(black, white);
width: max-content;
}
body {
margin: 8px;
font-family: sans-serif;
position: relative;
background: light-dark(whitesmoke, black);
}
#click-to-reveal-prompt {
color: #888888;
color: grey;
position: absolute;
top: 8px;
left: 0;