Design and contrast improvements

hugo-sid · Nov 1, 2023 · 9da4189 · 9da4189
1 parent e9befdb
commit 9da4189
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 12 deletions.
diff --git a/assets/sass/_dark.scss b/assets/sass/_dark.scss
@@ -240,6 +240,10 @@
       color: $dark-gray;
       opacity: 1;
     }
+
+    &_social-icons a svg {
+      color: $dark-blockquote-text;
+    }
   }
 
   // 404 Page

diff --git a/assets/sass/_layout.scss b/assets/sass/_layout.scss
@@ -115,26 +115,27 @@
     font-size: $small-font-size - 1;
     display: block;
     color: $gray;
-    opacity: 0.8;
     margin-top: .7rem;
     padding: .3rem .95rem;
   }
 
   &_social-icons {
     a {
+      display: inline-block;
+      opacity: .7;
       text-decoration: none;
       margin-right: .31rem;
 
-    }
-    svg {
-      color: #888a90;
-      height: 24px;
-      width: 24px;
+      svg {
+        color: $black;
+        height: 24px;
+        width: 24px;
+      }
+
       &:hover {
-        color: rgb(221, 221, 221);
+        opacity: 1;
       }
     }
-
   }
 }
 

diff --git a/assets/sass/_post.scss b/assets/sass/_post.scss
@@ -8,7 +8,7 @@
 
 // Post title
 .header {
-  margin-top: 7.8em;
+  margin-top: 3em;
 
   .header-title {
     font-size: 2em;

diff --git a/assets/sass/main.scss b/assets/sass/main.scss
@@ -1,5 +1,5 @@
 //////////////// 1. Light Colors /////////////////
-$text-base-color: #434648;
+$text-base-color: #2a2c2e;
 $text-link-blue: #003fff;
 $text-link-blue-active: #0036c7;
 $bloquote-border: #c4c8cc;
@@ -49,8 +49,8 @@ $bold-weight: 700;
 // $black-weight: 900; // uncomment if necessary
 
 //////////////// 4.Responsive design (media queries) /////////////////
-$wide-size: 890px;
-$narrow-size: 720px;
+$wide-size: 1070px;
+$narrow-size: 900px;
 
 // Padding unit
 $spacing-full: 30px;