diff --git a/src/index.html b/src/index.html index 80499793107380935c1c6ce2b9e44e766294e8b3..5a7e21693d5089d23dec5781699caf92377c340c 100644 --- a/src/index.html +++ b/src/index.html @@ -38,7 +38,7 @@ } body { font-family: Ubuntu; - background: linear-gradient(#332a39ff 0%, #020613ff 100%); + background: #020613; color: #FFEBD8; margin: 0px auto 50px auto; max-width: 1500px; @@ -50,14 +50,17 @@ margin: 0px 10px; } h1 { - box-shadow: 0px -20px 0px -11px #62c1a6 inset; - margin-left: -20px; - padding: 0px 20px 2px 20px; - display: inline-block; + color: #62C1A6; } h2, h3 { margin: 10px 0px; } + h2 { + box-shadow: 0px -20px 0px -6px #5253ff inset; + margin-left: -20px; + padding: 0px 20px 2px 20px; + display: inline-block; + } p { margin: 10px 0px; } @@ -246,15 +249,21 @@ @media screen and (prefers-color-scheme: light) { body { color: #0E0E0F; - background: linear-gradient(#fff0e0ff 0%, #d0c8c3ff 100%); + background: #FFFFFF; + } + h1 { + color: #5152E6; + } + h2 { + box-shadow: 0px -20px 0px -6px #57C0A2 inset; } input, textarea { - background: #DED6E5; + background: #FEFEFE; color: #0E0E0F; border-color: #0E0E0F; } input:focus, textarea:focus { - border-color: #57C0A2; + border-color: #5152E6; } .katakana > div > button { color: #0E0E0F; @@ -265,7 +274,11 @@ border-color: #0E0E0F; } .container-background { - background: #DED6E5; + background: #FFFDBE; + } + .download-button-container > div > button { + background: #5152E6; + color: #FFEBD8; } } @media only screen and (max-width: 500px) {