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