feat: apply light-mode colour palette

Author: tymzd

gcp/website/frontend3/src/styles.scss

@@ -235,6 +235,7 @@ pre {
   height: 36px;
   background: $osv-accent-color;
   color: $osv-white;
+  color: $osv-white;
   border-radius: $osv-border-radius-small;
   align-items: center;
   text-decoration: none;
@@ -340,6 +341,12 @@ pre {
       .logo-img-light { display: none; }
       .logo-img-dark { display: block; }
     }
+
+    .logo-img-dark { display: none; }
+    html[data-theme="light"] & {
+      .logo-img-light { display: none; }
+      .logo-img-dark { display: block; }
+    }
   }
 
   #hamburger-checkbox {
@@ -353,6 +360,10 @@ pre {
     html[data-theme="light"] & {
       filter: invert(1);
     }
+
+    html[data-theme="light"] & {
+      filter: invert(1);
+    }
   }
 
   .tabs {
@@ -369,6 +380,10 @@ pre {
       html[data-theme="light"] & {
         filter: invert(1);
       }
+
+      html[data-theme="light"] & {
+        filter: invert(1);
+      }
     }
 
     a.logo-img {
@@ -1470,6 +1485,7 @@ osv-tabs.vulnerability-packages[affordance="collapse"] {
     .ecosystem-counts-wrapper {
       position: relative;
       background: $osv-ecosystems-bg;
+      background: $osv-ecosystems-bg;
       margin-top: 20px;
       height: $ecosystem-count-wrapper-height;
 
@@ -1748,6 +1764,7 @@ osv-tabs.vulnerability-packages[affordance="collapse"] {
   .code-card {
     position: relative;
     background: $osv-code-bg;
+    background: $osv-code-bg;
     border-radius: 10px;
     padding: 32px;
     margin-bottom: 32px;
@@ -1856,6 +1873,7 @@ osv-tabs.vulnerability-packages[affordance="collapse"] {
 pre.big-code-block {
   padding: 10px;
   background-color: $osv-code-bg;
+  background-color: $osv-code-bg;
   overflow-x: scroll;
   width: 100%;
 }
@@ -2102,6 +2120,7 @@ $navbar-search-divider: rgba(255, 255, 255, 0.16);
   background: transparent;
   border: none;
   color: $osv-text-color;
+  color: $osv-text-color;
   cursor: pointer;
   padding: 8px;
   display: flex;
@@ -2143,9 +2162,6 @@ $navbar-search-divider: rgba(255, 255, 255, 0.16);
   transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0s linear 0.3s;
   background: $navbar-search-surface;
   border-radius: $navbar-search-radius;
-  z-index: 1000;
-  opacity: 0;
-  visibility: hidden;
   border: 1px solid $navbar-search-border;
   box-sizing: border-box;