fix: Updating demo custom styles (#1589)

* fix: Updating demo custom styles

* Update elements/pfe-accordion/demo/index.html

Author: castastrophe

elements/pfe-accordion/demo/demo.css

@@ -52,6 +52,23 @@ h2 {
     --pfe-theme--color--ui-accent: #ad41ad;
 }
 
+.custom-styles pfe-accordion-header[expanded] {
+    --pfe-accordion--accent: #ad41ad;
+}
+
+.custom-styles pfe-accordion pfe-accordion {
+    --pfe-accordion--accent: initial;
+    --pfe-theme--color--ui-accent: initial;
+    --pfe-broadcasted--text: initial;
+    --pfe-broadcasted--link: initial;
+    --pfe-broadcasted--link--hover: initial;
+    --pfe-broadcasted--link--focus: initial;
+}
+
+.custom-styles pfe-accordion pfe-accordion-header[expanded] {
+    --pfe-accordion--accent: initial;
+}
+
 .custom-styles h2 {
     margin-top: 0;
 }

elements/pfe-accordion/demo/index.html

@@ -405,7 +405,7 @@ <h3>Where do the main characters work as adults?</h3>
 
   <section class="custom-styles">
     <h2>&lt;pfe-accordion&gt; custom styles</h2><br />
-    <pfe-accordion>
+    <pfe-accordion id="custom">
       <pfe-accordion-header>
         <h3>Why do wizards need money if they could just create it?</h3>
       </pfe-accordion-header>