Improved look of logo on careers

careers.php

@@ -8,13 +8,12 @@ require('includes/header.php');
     <div>
       <header
         style="
-          background-color: rgba(219, 219, 219, 0.448);
-          border-bottom-width: 3px;
+        border-bottom-width: 3px;
           border-bottom-style: solid;
           border-top-width: 3px;
           border-top-style: solid;
         "
-        class="shadow p-10 mb-3"
+        class="shadow p-10 mb-3 couldDark"
       >
         <img
           id="background-image"

css/darkmode.css

@@ -3,6 +3,10 @@
     width: 32px
 }
 
+header.darkMode {
+    background-color: rgba(255, 255, 255, 0.76) !important;
+}
+
 body.darkMode {
     background-color: rgb(63, 63, 63) !important;
     color: white !important;
@@ -14,4 +18,5 @@ body.darkMode {
 
 hr.darkMode {
     border-color: rgb(144, 144, 144) !important;
-}
+}
+

css/style.css

@@ -14,6 +14,11 @@ nav {
   transition: background 0.4s cubic-bezier(.86,0,.07,1), color 0.4s cubic-bezier(.86,0,.07,1);
 }
 
+header {
+  background-color: rgba(219, 219, 219, 0.448);
+  transition: background 0.4s cubic-bezier(.86,0,.07,1), color 0.4s cubic-bezier(.86,0,.07,1);
+}
+
 .disable-select {
   user-select: none; /* supported by Chrome and Opera */
  -webkit-user-select: none; /* Safari */