joseph
/
roysathome.net
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

flipped dark mode colors

This commit is contained in:
josephroy99 2024-02-14 00:01:53 +00:00
parent 82576a626b
commit c2184986f7
1 changed files with 21 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
roysathome.net/LoginPage.html
View File

@ -10,8 +10,8 @@
<style>
body {
font-family: 'Protest Strike', sans-serif;
background: #000000;
color: white;
background: white;
color: black;
font-size: 1.1em;
}
@ -60,7 +60,8 @@
padding-top: 10px;
padding-bottom: 10px;
border: none;
background-color: white;
background-color: black;
color: white;
border-radius: 10000px;
margin-top: 15px;
margin-bottom: 15px;
@ -68,7 +69,7 @@
}
.input-button:hover {
background-color: #dedede;
background-color: rgb(44, 44, 44);
}
.input-text {
@ -89,7 +90,7 @@
dialog {
position: absolute;
border: none;
border: black solid 2px;
left: 50%;
top: 50%;
margin: 0px;
@ -97,13 +98,13 @@
border-radius: 20px;
width: 500px;
height: 500px;
background: black;
background: white;
padding: 0px;
box-sizing: border-box;
}
dialog::backdrop {
background: rgba(255, 255, 255, 0.388);
background: rgba(0, 0, 0, 0.388);
}
dialog input {
@ -117,29 +118,30 @@
@media (prefers-color-scheme: dark) {
body {
background: white;
color: black;
background: black;
color: white;
}
dialog {
background: white;
color: black;
background: black;
color: white;
}
dialog::backdrop {
background: rgba(0, 0, 0, 0.388);
background: rgba(255, 255, 255, 0.388);
}
dialog input {
border: black 2px solid;
}
.input-button {
background: black;
color:white;
background: white;
color:black;
}
.input-button:hover {
background-color: rgb(44, 44, 44);
background-color: #dedede;
}
}