From 538d9fe7ad3fd10c891dfbb2daa54add78c70d05 Mon Sep 17 00:00:00 2001
From: tilcreator <tilcreator@tc-j.de>
Date: Tue, 15 Mar 2022 21:52:24 +0100
Subject: [PATCH] Implement style guide
---
src/index.html | 31 ++++++++++++++++++++++---------
1 file changed, 22 insertions(+), 9 deletions(-)
diff --git a/src/index.html b/src/index.html
index 8049979..5a7e216 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) {
--
GitLab