🐞[Bug]: Favicon and Color's

Html-Files/Css-Files/styles.css

@@ -23,7 +23,7 @@ section::before {
     left: 0;
     width: 50%;
     height: 100%;
-    background: #fff38e;
+    background: #4bb6b7;
 }
 
 .nav_link {
@@ -267,7 +267,7 @@ section::before {
         justify-content: center;
         align-items: center;
         min-height: 100vh;
-        background: #fff38e;
+        background: #4bb6b7;
     }
 
     section::before {

Html-Files/news.html

@@ -6,6 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>News RapiDoc</title>
   <!-- favicon -->
+  <link rel="icon" type="image/x-icon" href="../favicon.png">
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
     integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">

assets/css/styles.css

@@ -6,9 +6,9 @@
   /*========== Colors ==========*/
   --hue: 45;
   --sat: 98%;
-  --first-color: hsl(var(--hue), var(--sat), 60%);
+  --first-color: #4bb6b7;
   --first-color-light: hsl(var(--hue), var(--sat), 85%);
-  --first-color-lighten: hsl(var(--hue), var(--sat), 80%);
+  --first-color-lighten: #4bb6b7;
   --first-color-alt: hsl(var(--hue), var(--sat), 53%);
   --title-color: hsl(var(--hue), 4%, 15%);
   --text-color: hsl(var(--hue), 4%, 35%);

dex.html

@@ -6,7 +6,7 @@
 
         <!--=============== BOXICONS ===============-->
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
-
+        <link rel="icon" type="image/x-icon" href="./favicon.png">
         <!--=============== CSS ===============-->
         <link rel="stylesheet" href="assets/css/styles.css">