Added the feedback mechanism

assets/styles/main.css

@@ -15655,12 +15655,12 @@ body {
   min-height: 100%;
 }
 
-.link, .link-hi {
+.link, .link-hi-force-dark, .link-hi {
   color: inherit;
   text-decoration: none;
   transition: 0.3s ease;
 }
-.link:hover, .link-hi:hover {
+.link:hover, .link-hi-force-dark:hover, .link-hi:hover {
   color: cornflowerblue;
 }
 .link-hi {
@@ -15669,6 +15669,12 @@ body {
 .link-hi:hover {
   color: royalblue;
 }
+.link-hi-force-dark {
+  color: cornflowerblue;
+}
+.link-hi-force-dark:hover {
+  color: royalblue;
+}
 
 .radial-gradient {
   background: radial-gradient(circle at left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
@@ -15701,7 +15707,7 @@ body {
   background-color: var(--scrollbar);
 }
 
-@media (prefers-color-scheme: dark) {
+@media (prefers-color-scheme: light) {
   body {
     color: black;
   }
@@ -15718,7 +15724,7 @@ body {
   .background {
     background-color: rgba(255, 255, 255, 0.8);
   }
-  .link:hover, .link-hi:hover {
+  .link:hover, .link-hi:hover, .link-hi-force-dark:hover {
     color: royalblue;
   }
   .link-hi {
@@ -15753,17 +15759,11 @@ body {
     display: block;
   }
   .animate__animated-sm {
-    -webkit-animation-duration: 1s;
-    animation-duration: 1s;
-    -webkit-animation-duration: var(--animate-duration);
     animation-duration: var(--animate-duration);
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
   }
   .animate__delay-1-5s {
-    -webkit-animation-delay: 1s;
-    animation-delay: 1s;
-    -webkit-animation-delay: calc(var(--animate-delay) * 1.5);
     animation-delay: calc(var(--animate-delay) * 1.5);
   }
 }

assets/styles/main.scss

@@ -109,6 +109,16 @@ body {
     &:hover {
       color: royalblue;
     }
+
+    &-force-dark {
+      @extend .link;
+
+      color: cornflowerblue;
+
+      &:hover {
+        color: royalblue;
+      }
+    }
   }
 }
 
@@ -155,7 +165,7 @@ body {
   }
 }
 
-@media (prefers-color-scheme: dark) {
+@media (prefers-color-scheme: light) {
   body {
     color: black;
   }
@@ -231,18 +241,12 @@ body {
   }
 
   .animate__animated-sm {
-    -webkit-animation-duration: 1s;
-    animation-duration: 1s;
-    -webkit-animation-duration: var(--animate-duration);
     animation-duration: var(--animate-duration);
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
   }
 
   .animate__delay-1-5s {
-    -webkit-animation-delay: 1s;
-    animation-delay: 1s;
-    -webkit-animation-delay: calc(var(--animate-delay) * 1.5);
     animation-delay: calc(var(--animate-delay) * 1.5);
   }
 }