set-accordion-placeholders copy on=dark attribute to children

Author: starryeyez024

elements/pfe-accordion/demo/index.html

@@ -90,38 +90,39 @@ <h3>Where do the main characters work as adults?</h3>
     <section class="dark-background" >
       <h2 style="color:white;">pfe-accordion  on=dark only, manually copied to children</h2><br/>
       <pfe-accordion on="dark">
-        <pfe-accordion-header  on="dark">
+        <pfe-accordion-header>
           <h3>Why do wizards need money if they could just create it?</h3>
         </pfe-accordion-header>
-        <pfe-accordion-panel  on="dark">
+        <pfe-accordion-panel>
           <p>There is legislation that decides what you can conjure and what you can not. Because things that you conjure out of thin air will not last, it is illegal in the wizarding world.</p>
         </pfe-accordion-panel>
-        <pfe-accordion-header  on="dark">
+        <pfe-accordion-header>
           <h3>Why doesn't Harry have a portrait of his parents?</h3>
         </pfe-accordion-header>
-        <pfe-accordion-panel  on="dark">
+        <pfe-accordion-panel>
           <p><a href="#">The characters in the portraits</a> are not actually ghosts. They mainly are there just to repeat common phrases or serve as a general represe<a href="foobarbaz.com">ntation of the individual</a> they depict. A portrait of his parents would not be of much help to Harry.</p>
         </pfe-accordion-panel>
-        <pfe-accordion-header  on="dark">
+        <pfe-accordion-header>
           <h3>Why is Harry considered a half-blood if both of his parents could use magic?</h3>
         </pfe-accordion-header>
-        <pfe-accordion-panel  on="dark">
+        <pfe-accordion-panel>
           <p>Because Harry's grandparents were not able to do magic. This is generally frowned upon by those who consider themselves pure, such as the Malfoy's or other antagonists.</p>
         </pfe-accordion-panel>
-        <pfe-accordion-header  on="dark">
+        <pfe-accordion-header>
           <h3>Is Hogwarts the only wizarding school?</h3>
         </pfe-accordion-header>
-        <pfe-accordion-panel  on="dark">
+        <pfe-accordion-panel>
           <p>No! It has been revealed that there are actually 11 long established and prestigious schools around the globe. These include Castelobruxo in the rainforest of Brazil, Durmstrang Institute (whereas nobody is certain of it’s whereabouts), and Ilvermorny, right here in the United States.</p>
         </pfe-accordion-panel>
-        <pfe-accordion-header  on="dark">
+        <pfe-accordion-header>
           <h3>Where do the main characters work as adults?</h3>
         </pfe-accordion-header>
-        <pfe-accordion-panel  on="dark">
+        <pfe-accordion-panel>
           <p>Harry and Hermione are at the Ministry: he ends up leading the Auror department. Ron helps George at the joke shop and does very well. Ginny becomes a professional Quidditch player and then sportswriter for the Daily Prophet.</p>
           <p><a href="https://www.pottermore.com/collection/characters" target="blank">Read more about the characters</a></p>
         </pfe-accordion-panel>
       </pfe-accordion>
     </section>
+
   </body>
 </html>

elements/pfe-accordion/src/pfe-accordion.js

@@ -65,7 +65,7 @@ class PfeAccordion extends PFElement {
   }
 
   static get observedAttributes() {
-    return ["theme", "color"];
+    return ["theme", "color", "on"];
   }
 
   static get cascadingAttributes() {