updated based on copilot review

Author: chrismoroney

assets/css/cross-page.css

@@ -189,10 +189,7 @@ arm-top-navigation:not(:defined) {
     position: relative;
     top: 0;
 }
-.nav-transparent {
-    background: var(--ads-ui-ink-100);
-    background-color: var(--ads-ui-ink-100);
-}
+.nav-transparent,
 .nav-black {
     background: var(--ads-ui-ink-100);
     background-color: var(--ads-ui-ink-100);

config.toml

@@ -73,6 +73,9 @@ github_project_repo = "https://github.com/ArmDeveloperEcosystem/arm-learning-pat
 # location of assets
 assetsDir = "assets"
 
+# Optionally override the global web components bundle for a specific deployment.
+# global_web_components_url = "https://www.arm.com/arm-global-web-components/devhub/app.js"
+
 # Specify a value here if your content directory is not in your repo's root directory
 # github_subdir = ""
 

themes/arm-design-system-hugo-theme/layouts/partials/head/head.html

@@ -55,11 +55,15 @@
   integrity="sha384-caAG7P/HrHxcdQa2gTEfvZYGPLQk7yRwVdvtRn6sa3TRKzcAyY1LMvObXKGhwFNb"
   crossorigin="anonymous">
 </script>
-    <!-- Arm Header & Footer loading.
-         TODO: Replace the test bundle with its production URL when Arm publishes it. -->
+    <!-- Arm Header & Footer loading. Local development uses the test bundle;
+         production defaults to stable app.js unless a deployment explicitly overrides it. -->
+{{ $globalWebComponentsURL := .Site.Params.global_web_components_url | default "https://www.arm.com/arm-global-web-components/devhub/app.js" }}
+{{ if and hugo.IsServer (not .Site.Params.global_web_components_url) }}
+  {{ $globalWebComponentsURL = "https://www.arm.com/arm-global-web-components/devhub/test.js" }}
+{{ end }}
 <script
   type="text/javascript"
-  src="https://www.arm.com/arm-global-web-components/devhub/test.js"
+  src="{{ $globalWebComponentsURL }}"
   defer>
 </script>
 

themes/arm-design-system-hugo-theme/static/js/authentication.js

@@ -277,7 +277,7 @@ document.addEventListener('arm-account-signin', (event) => {
 
       const signInButton = shadowRoot.querySelector('.c-utility-navigation-login__sign-in-button');
     if (signInButton) {
-        signInButton.innerHTML = "Redirecting...";
+        signInButton.textContent = "Redirecting...";
     }
     else {
         console.log("Sign-in button not found in DOM.");