add light-dark
This commit is contained in:
@@ -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.
|
||||
|
@@ -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"
|
||||
|
15
style.css
15
style.css
@@ -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;
|
||||
|
Reference in New Issue
Block a user