From 91784939645bc808e10c7fd3459a2ba5bd80d1e7 Mon Sep 17 00:00:00 2001
From: Lavjeet Kumar Rai <railavjeet897@gmail.com>
Date: Thu, 4 Jun 2026 03:39:26 +0530
Subject: [PATCH 1/2] added toggle on home page

---
 .../phoenix-app/src/app/home/home.component.html         | 2 ++
 .../phoenix-app/src/app/home/home.component.scss         | 7 +++++++
 .../lib/components/nav/nav.component.html                | 9 +++++++--
 .../ui-menu-wrapper/ui-menu-wrapper.component.html       | 2 ++
 4 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/packages/phoenix-ng/projects/phoenix-app/src/app/home/home.component.html b/packages/phoenix-ng/projects/phoenix-app/src/app/home/home.component.html
index c5f4fc991..4557c393a 100644
--- a/packages/phoenix-ng/projects/phoenix-app/src/app/home/home.component.html
+++ b/packages/phoenix-ng/projects/phoenix-app/src/app/home/home.component.html
@@ -1,3 +1,5 @@
+<app-dark-theme class="home-theme-toggle"></app-dark-theme>
+
 <div class="container">
   <div class="pricing-header p-3 pt-md-5 pb-md-4 text-center">
     <img
diff --git a/packages/phoenix-ng/projects/phoenix-app/src/app/home/home.component.scss b/packages/phoenix-ng/projects/phoenix-app/src/app/home/home.component.scss
index 751fa3d44..0ba64d8e3 100644
--- a/packages/phoenix-ng/projects/phoenix-app/src/app/home/home.component.scss
+++ b/packages/phoenix-ng/projects/phoenix-app/src/app/home/home.component.scss
@@ -1,3 +1,10 @@
+.home-theme-toggle {
+  position: fixed;
+  top: 0.75rem;
+  right: 0.75rem;
+  z-index: 10000;
+}
+
 h1 {
   font-family: 'Circular';
 }
diff --git a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/nav/nav.component.html b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/nav/nav.component.html
index 7d55c0110..f54a511c8 100644
--- a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/nav/nav.component.html
+++ b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/nav/nav.component.html
@@ -1,3 +1,8 @@
-<a id="mainLogo" class="main-logo fixed-top p-2 mx-auto mt-2" routerLink="/">
-  <img src="assets/images/logo-text.svg" />
+<a
+  id="mainLogo"
+  class="main-logo fixed-top p-2 mx-auto mt-2"
+  routerLink="/"
+  aria-label="Phoenix home"
+>
+  <img src="assets/images/logo-text.svg" alt="Phoenix logo" />
 </a>
diff --git a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/ui-menu-wrapper/ui-menu-wrapper.component.html b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/ui-menu-wrapper/ui-menu-wrapper.component.html
index 3f81e81ee..a042848ca 100644
--- a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/ui-menu-wrapper/ui-menu-wrapper.component.html
+++ b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/ui-menu-wrapper/ui-menu-wrapper.component.html
@@ -1,6 +1,8 @@
 <div id="uiMenu">
   <button
     id="hideUIMenu"
+    type="button"
+    aria-label="Toggle toolbar visibility"
     [matTooltip]="hideUIMenu ? 'Show toolbar' : 'Hide toolbar'"
     matTooltipPosition="above"
     (click)="hideUIMenu = !hideUIMenu"

From a66440a45473e135748a0f202c4b9b5e383a1f98 Mon Sep 17 00:00:00 2001
From: Edward Moyse <edward.moyse@gmail.com>
Date: Sat, 6 Jun 2026 07:17:53 +0200
Subject: [PATCH 2/2] Make tooltip more precise

---
 .../lib/components/ui-menu/dark-theme/dark-theme.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/dark-theme/dark-theme.component.html b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/dark-theme/dark-theme.component.html
index 05d7bbaf1..8d3df363a 100644
--- a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/dark-theme/dark-theme.component.html
+++ b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/dark-theme/dark-theme.component.html
@@ -1,5 +1,5 @@
 <app-menu-toggle
-  tooltip="Dark theme"
+  tooltip="Switch Dark/Light theme"
   [active]="darkTheme"
   icon="dark"
   (click)="setDarkTheme()"