hange=${(e) => setTheme(e.target.value)}
        >
          <option value="spooky">Spooky</option>
          <option value="light">Light</option>
        </select>
        <ul>
          <li>
            <theme-provider .value=${theme}>
              <my-child></my-child>
              <theme-consumer
                .render=${theme => html`
                  <my-circle .theme=${theme}></my-circle>
                `}
              ></theme-consumer>
              <ul>
                <li>
                 