From 2ddd9aa4c3e28d9414517bd406cfb3fc3f3ef2dc Mon Sep 17 00:00:00 2001
From: Matthieu Riegler <kyro38@gmail.com>
Date: Tue, 8 Jul 2025 19:32:44 +0200
Subject: [PATCH] docs(docs-infra): update update guide when changing level
 (#62526)

This commit also fixes the colors of the material button toggle

fixes #62432

PR Close #62526
---
 adev/shared-docs/styles/_colors.scss               | 11 +++++++++++
 adev/src/app/features/update/update.component.html |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/adev/shared-docs/styles/_colors.scss b/adev/shared-docs/styles/_colors.scss
index ca757472b0b..3009a53e184 100644
--- a/adev/shared-docs/styles/_colors.scss
+++ b/adev/shared-docs/styles/_colors.scss
@@ -293,6 +293,17 @@
   )
 );
 
+:root {
+  @include mat.button-toggle-overrides(
+    (
+      text-color: var(--primary-contrast),
+      background-color: var(--octonary-contrast),
+      selected-state-text-color: var(--secondary-contrast),
+      selected-state-background-color: var(--senary-contrast),
+    )
+  );
+}
+
 // LIGHT MODE (Explicit)
 .docs-light-mode {
   background-color: #ffffff;
diff --git a/adev/src/app/features/update/update.component.html b/adev/src/app/features/update/update.component.html
index 426a8a2003e..30e38a14956 100644
--- a/adev/src/app/features/update/update.component.html
+++ b/adev/src/app/features/update/update.component.html
@@ -84,7 +84,7 @@
 
       <h3>Application complexity</h3>
       <mat-button-toggle-group
-        (change)="level = $event.value;"
+        (change)="level = $event.value; showUpdatePath()"
         [value]="level"
         style="margin-bottom:16px;"
       >