fix: Style changes

tarkalabs · Jun 7, 2024 · 47e6e39 · 47e6e39
1 parent 7dc2a5e
commit 47e6e39
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 7 deletions.
diff --git a/README.txt b/README.txt
@@ -18,4 +18,7 @@ Credits:
 
 	Other:
 		jQuery (jquery.com)
-		Responsive Tools (github.com/ajlkn/responsive-tools)
+		Responsive Tools (github.com/ajlkn/responsive-tools)
+
+	Color Palette:
+		https://colorhunt.co/palette/cde8e5eef7ff7ab2b24d869c
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -220,7 +220,7 @@ a {
   -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
   transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
   border-bottom: dotted 1px;
-  color: #af8f6f;
+  color: #4d869c;
   text-decoration: none;
 }
 
@@ -2701,7 +2701,7 @@ input[type="button"].small,
 /* Box */
 
 .box {
-  background: #ffffff;
+  background: #eef7ff;
   border: solid 1px rgba(224, 224, 224, 0.75);
   margin-bottom: 6em;
   padding: 3.5em;
@@ -2855,7 +2855,7 @@ input[type="button"].small,
 
 #header a:hover {
   border-bottom-color: transparent;
-  color: #4eb980;
+  color: #7ab2b2;
 }
 
 #header strong,
@@ -2877,7 +2877,7 @@ input[type="button"].small,
 #header input[type="button"],
 #header .button {
   background: #ffffff;
-  color: #74512d;
+  color: #4d869c;
 }
 
 #header .name {
@@ -2895,6 +2895,10 @@ input[type="button"].small,
   }
 }
 
+#header .demo {
+  margin-top: 50px;
+}
+
 #header .logo {
   background: #4eb980;
   border-radius: 100%;
@@ -3167,7 +3171,7 @@ input[type="button"].small,
   #header {
     background-attachment: scroll, scroll, scroll;
     background-image: url("images/top-1600.svg"), url("images/overlay.png"),
-      url("../../images/header.jpg");
+      url("../../images/docs-bg.jpg");
     background-size: 1600px 230px, auto, cover;
     padding: 6em 0 12em 0;
   }
@@ -3328,7 +3332,7 @@ input[type="button"].small,
 
   #header {
     background-image: url("images/top-1280.svg"), url("images/overlay.png"),
-      url("../../images/header.jpg");
+      url("../../images/docs-bg.jpg");
     background-size: 1280px 184px, auto, cover;
     padding: 3em 0 7em 0;
   }