added: logo in white

Signed-off-by: Dylan Lin <[email protected]>

Author: Dylannni

assets/scss/_styles_project.scss

@@ -543,14 +543,24 @@ nav.foldable-nav {
     }
   }
 
-  .trusted-logo {
+  .trusted-logo-light {
     pointer-events: none;
     user-select: none; 
     max-height: 3rem; 
     max-width: 12.5rem;
     object-fit: contain; 
+    display: block !important;
   }
-  
+
+  .trusted-logo-dark {
+    pointer-events: none;
+    user-select: none; 
+    max-height: 3rem; 
+    max-width: 12.5rem;
+    object-fit: contain; 
+    display: none !important;
+  }
+
   .trusted-logo-container {
     display: flex;
     justify-content: center;

content/en/_index.html

@@ -48,11 +48,21 @@ <h3 class="section-head">
     <div class="trusted-logo-container">
       <!-- WARNING: only include logos from organizations which have been approved by the KSC -->
       <!-- WARNING: only include logos from CNCF Members https://landscape.cncf.io/?group=members -->
-      <img src="/docs/images/logos/Amazon_2024.svg" alt="Amazon" class="trusted-logo">
-      <img src="/docs/images/logos/Nvidia_logo.svg" alt="Nvidia" class="trusted-logo">
-      <img src="/docs/images/logos/Microsoft_logo.svg" alt="Microsoft" class="trusted-logo">
-      <img src="/docs/images/logos/Red_Hat.svg" alt="RedHat" class="trusted-logo">
-      <img src="/docs/images/logos/Google_2015_logo.svg" alt="Google" class="trusted-logo">
+      <img src="/docs/images/logos/Amazon.svg" alt="Amazon-light" class="trusted-logo-light">
+      <img src="/docs/images/logos/Amazon_white.png" alt="Amazon-light" class="trusted-logo-dark">
+      
+      <img src="/docs/images/logos/Nvidia_Logo_1.svg" alt="Nvidia" class="trusted-logo-light">
+      <img src="/docs/images/logos/Nvidia-Logo-White.svg" alt="Nvidia" class="trusted-logo-dark">
+
+      <img src="/docs/images/logos/Microsoft_logo.svg" alt="Microsoft" class="trusted-logo-light">
+      <img src="/docs/images/logos/microsoft_white.png" alt="Microsoft" class="trusted-logo-dark">
+
+      <img src="/docs/images/logos/Red_Hat.svg" alt="RedHat" class="trusted-logo-light">
+      <img src="/docs/images/logos/RedHat_White.png" alt="RedHat" class="trusted-logo-dark">
+      
+      <img src="/docs/images/logos/Google.svg" alt="Google" class="trusted-logo-light">
+      <img src="/docs/images/logos/Google_white.svg" alt="Google" class="trusted-logo-dark">
+
     </div>
     <div class="mx-auto mt-4">
       <a class="btn btn-lg btn-outline-primary mr-1 mb-4" href="https://github.com/kubeflow/community/blob/master/ADOPTERS.md" target="_blank" rel="noopener">