colors???

_includes/head.html

@@ -3,5 +3,5 @@
     <title>{{site.title}}</title>
     <link rel="stylesheet" href="{% if site.baseurl %}{{site.baseurl}}{% else %}{% endif %}/assets/css/style.css">
     <script src="https://kit.fontawesome.com/6a97161b76.js" crossorigin="anonymous"></script>
-    <link rel="shortcut icon" href="{% if site.favicon-url %}{{site.favicon-url}}{% else %}{{ 'assets/images/logo.png' | absolute_url }}{% endif %}" type="image/x-icon">
+    <link rel="shortcut icon" href="{% if site.favicon-url %}{{site.favicon-url}}{% else %}{{ 'assets/images/logo.svg' | absolute_url }}{% endif %}" type="image/x-icon">
 </head>

assets/css/style.scss

@@ -19,22 +19,22 @@
 
 a.navbar-item:hover,
 .navbar-link:hover {
-    background-color: rgba($color: #fff, $alpha: 0.25) !important;
+    background-color: rgba($color: #ede5f2, $alpha: 0.25) !important;
     color: #ede5f2 !important;
 }
 
 a.navbar-item.is-active {
-    background-color: rgba($color: #fff, $alpha: 0.25) !important;
+    background-color: rgba($color: #ede5f2, $alpha: 0.25) !important;
     color: #ede5f2 !important;
 
     &:hover {
-        background-color: rgba($color: #fff, $alpha: 0.25) !important;
-        color: grey;
+        background-color: rgba($color: #ede5f2, $alpha: 0.25) !important;
+        color: #34343c;
     }
 }
 
 .navbar-link:not(.is-arrowless)::after {
-    border-color: grey;
+    border-color: #34343c;
 }
 
 
@@ -182,7 +182,7 @@ a.navbar-item.is-active {
 
         &::placeholder {
             font-weight: 500;
-            color: grey;
+            color: #34343c;
             letter-spacing: 0.25rem;
         }
     }