Improve dark mode handling (main page only)

Co-authored-by: Tamilselvan Thangamony <[email protected]>

Author: Tim Bannister

assets/scss/_custom.scss

@@ -473,10 +473,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;
   }
@@ -497,6 +497,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 */