From 96c08370638342e8a6c4532e4c78b1da2dd19887 Mon Sep 17 00:00:00 2001
From: Bhuvansh855 <bhuvanshkataria@gmail.coM>
Date: Tue, 9 Jun 2026 15:33:22 +0530
Subject: [PATCH] fix(multiple): improve dark theme visibility in menu,
 overlay, and portal examples

---
 .../cdk-menu-nested-context-example.css              |  2 +-
 .../cdk-menu-standalone-menu-example.css             | 12 ++++++++++++
 .../cdk-overlay-basic/cdk-overlay-basic-example.css  |  1 +
 .../cdk-portal-overview-example.css                  |  2 +-
 4 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components-examples/cdk/menu/cdk-menu-nested-context/cdk-menu-nested-context-example.css b/src/components-examples/cdk/menu/cdk-menu-nested-context/cdk-menu-nested-context-example.css
index 7143c8667e96..caaf3c9ea5f4 100644
--- a/src/components-examples/cdk/menu/cdk-menu-nested-context/cdk-menu-nested-context-example.css
+++ b/src/components-examples/cdk/menu/cdk-menu-nested-context/cdk-menu-nested-context-example.css
@@ -1,6 +1,6 @@
 .example-context-area {
   display: inline-grid;
-  border: 2px dashed black;
+  border: 2px dashed white;
 }
 
 .example-context-area .example-context-area {
diff --git a/src/components-examples/cdk/menu/cdk-menu-standalone-menu/cdk-menu-standalone-menu-example.css b/src/components-examples/cdk/menu/cdk-menu-standalone-menu/cdk-menu-standalone-menu-example.css
index ef5e5b49761d..cd9a696d37af 100644
--- a/src/components-examples/cdk/menu/cdk-menu-standalone-menu/cdk-menu-standalone-menu-example.css
+++ b/src/components-examples/cdk/menu/cdk-menu-standalone-menu/cdk-menu-standalone-menu-example.css
@@ -24,6 +24,18 @@
   flex: 1;
 }
 
+.example-standalone-trigger {
+  background-color: rgb(239, 239, 239);
+}
+
+.example-standalone-trigger:hover {
+  background-color: rgb(208, 208, 208);
+}
+
+.example-standalone-trigger:active {
+  background-color: rgb(170, 170, 170);
+}
+
 .example-menu-item:hover {
   background-color: rgb(208, 208, 208);
 }
diff --git a/src/components-examples/cdk/overlay/cdk-overlay-basic/cdk-overlay-basic-example.css b/src/components-examples/cdk/overlay/cdk-overlay-basic/cdk-overlay-basic-example.css
index 8288eba90519..4ceb10692e78 100644
--- a/src/components-examples/cdk/overlay/cdk-overlay-basic/cdk-overlay-basic-example.css
+++ b/src/components-examples/cdk/overlay/cdk-overlay-basic/cdk-overlay-basic-example.css
@@ -3,6 +3,7 @@
   border: solid 1px #ccc;
   border-radius: 5px;
   background: #fff;
+  color: CanvasText;
   text-align: center;
   padding: 10px;
   margin: 0;
diff --git a/src/components-examples/cdk/portal/cdk-portal-overview/cdk-portal-overview-example.css b/src/components-examples/cdk/portal/cdk-portal-overview/cdk-portal-overview-example.css
index 6295d78b92a9..f20526befe91 100644
--- a/src/components-examples/cdk/portal/cdk-portal-overview/cdk-portal-overview-example.css
+++ b/src/components-examples/cdk/portal/cdk-portal-overview/cdk-portal-overview-example.css
@@ -1,7 +1,7 @@
 .example-portal-outlet {
   margin-bottom: 10px;
   padding: 10px;
-  border: 1px dashed black;
+  border: 1px dashed white;
   width: 250px;
   height: 250px;
 }