Improve dark mode handling (main page only)

Co-authored-by: Tamilselvan Thangamony <[email protected]>
kubernetes · Jan 28, 2025 · 65fcbcc · 65fcbcc
1 parent 1cc9887
commit 65fcbcc
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
@@ -417,10 +417,10 @@ footer {
 @media (prefers-color-scheme: dark) {
   .cid-home main {
     background-color: $dark-bg-color-2;
-        color:$dark-text-color-1;
+    color:$dark-text-color-1;
   }
 
-  .cid-home main section:not(#video) {
+  .cid-home main section:not(#video):not(#cncf) {
     background-color: $dark-bg-color-1;
     color:$dark-text-color-1;
   }
@@ -441,6 +441,16 @@ footer {
   .cid-home main section:is(#video) #desktopKCButton:hover {
     background-color: $dark-bg-color-1;
   }
+
+  .cid-home main section:is(#talkToUs) img {
+    filter: invert(100%);
+    -webkit-filter: invert(100%);
+  }
+
+  .cid-home main section:is(#cncf) {
+    background-color: $dark-bg-color-2;
+    background-image: url(/images/cncf-white.png);
+  }
 }
 
 /* COMMUNITY */

diff --git a/static/images/cncf-white.png b/static/images/cncf-white.png