From 95aad2fd708c16aff6995a6e61f876fe3eb57c89 Mon Sep 17 00:00:00 2001
From: Adrian Brunton <adrian.brunton@sage.com>
Date: Tue, 17 Sep 2024 13:30:52 +0100
Subject: [PATCH] Remove wildcard

---
 docs/usage/index.html | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/docs/usage/index.html b/docs/usage/index.html
index 845ae007..566ae68a 100644
--- a/docs/usage/index.html
+++ b/docs/usage/index.html
@@ -8,9 +8,6 @@
       body {
         font: var(--page-typography-p-standard);
         background: var(--page-color-standard-bg-default);
-      }
-
-      * {
         color: var(--page-color-standard-text-default);
       }
 
@@ -66,6 +63,12 @@
         color-scheme: light dark; /* Device preference by default */
       }
 
+      .mode-light,
+      .mode-dark {
+        background: var(--page-color-standard-bg-default);
+        color: var(--page-color-standard-text-default);
+      }
+
       .mode-light {
         color-scheme: only light;
       }
@@ -80,7 +83,7 @@
         }
       }
 
-      .inverted * {
+      .inverted {
         color: var(--page-color-inverse-text-default);
       }
     </style>
@@ -106,7 +109,9 @@ <h1>Light/dark mode demonstration</h1>
     <section>
       <h2>User selection</h2>
       <p>This section will change based on user preference.</p>
-      <button onclick="setMode(event, 'mode-system')" class="active">System</button>
+      <button onclick="setMode(event, 'mode-system')" class="active">
+        System
+      </button>
       <button onclick="setMode(event, 'mode-light')">Light</button>
       <button onclick="setMode(event, 'mode-dark')">Dark</button>
     </section>