Color fixes for dark color background

assets/css/screen.css

@@ -74,7 +74,7 @@ production stylesheet in assets/built/screen.css
 
 :root.has-light-text,
 :is(.gh-navigation, .gh-footer).has-accent-color {
-    --color-lighter-gray: rgb(0 0 0 / 0.1);
+    --color-lighter-gray: rgb(255 255 255 / 0.1);
     --color-darker-gray: #fff;
     --color-secondary-text: rgb(255 255 255 / 0.64);
     --color-border: rgb(255 255 255 / 0.15);
@@ -254,8 +254,9 @@ a:hover {
     background-color: rgb(0 0 0 / 0.065);
 }
 
+.has-light-text .gh-form:hover,
 .gh-footer.has-accent-color .gh-form:hover {
-    background-color: rgb(0 0 0 / 0.15);
+    background-color: rgb(255 255 255 / 0.15);
 }
 
 .gh-form-input {
@@ -280,10 +281,12 @@ a:hover {
     opacity: 0.5;
 }
 
+.has-light-text .gh-form-input,
 .gh-footer.has-accent-color .gh-form-input {
     color: #fff;
 }
 
+.has-light-text .gh-form-input::placeholder,
 .gh-footer.has-accent-color .gh-form-input::placeholder {
     color: rgb(255 255 255 / 0.55);
 }
@@ -2404,8 +2407,6 @@ figcaption a {
 /* 20. Design settings
 /* ---------------------------------------------------------- */
 
-/* 20.1. Typography */
-
 .has-serif-title {
     --factor: 1.15;
 }
@@ -2539,13 +2540,6 @@ figcaption a {
     font-size: 4.8rem;
 }
 
-
-/* 20.2. Colors */
-
-.has-light-text .gh-form:hover {
-    background-color: rgb(0 0 0 / 0.2);
-}
-
 /* 21. Footer
 /* ---------------------------------------------------------- */
 

partials/icons/arrow.hbs

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg>