Fix CNCF logo visibility for light/dark modes

Signed-off-by: Ayush More <ayushmore42595@gmail.com>
2025-08-09 01:43:41 +00:00
parent 1abbf97a38
commit 0fa358ec57
2 changed files with 25 additions and 0 deletions
@@ -1350,3 +1350,27 @@ h3.collapsible span.arrow {
  text-align: center;
 }
 /* End of Utility API Styling */
+
+.cncf-logo.light-mode {
+  display: block !important;
+}
+
+.cncf-logo.dark-mode {
+  display: none !important;
+}
+
+/* When system/browser is in dark mode */
+@media (prefers-color-scheme: dark) {
+  .cncf-logo.light-mode {
+    display: none !important;
+  }
+  .cncf-logo.dark-mode {
+    display: block !important;
+  }
+}
+
+
+
+
+
+