Hilfe bei Erstellung eines Toggles

[Gerhard]

Hallo,

Wer kann mir bei einer Toggle Erstellung helfen? ( bin ein kompletter Newbie in diesen Dingen)

Würde gerne einen Toggle mit Text haben wo man zwischen einen hellen und dunklen Hintergrund wählen kann.

Hier der HTML Code:

Heller Background:

<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>
  <div class="tradingview-widget-copyright"><a href="https://de.tradingview.com/symbols/EURUSD/?exchange=FX" rel="noopener" target="_blank"><span class="blue-text">EURUSD Kurse</span></a> von TradingView</div>
  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-single-quote.js" async>
  {
  "symbol": "FX:EURUSD",
  "width": 350,
  "colorTheme": "light",
  "isTransparent": false,
  "locale": "de_DE"
}
  </script>
</div>
<!-- TradingView Widget END -->

Dunkler Background:

<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>
  <div class="tradingview-widget-copyright"><a href="https://de.tradingview.com/symbols/EURUSD/?exchange=FX" rel="noopener" target="_blank"><span class="blue-text">EURUSD Kurse</span></a> von TradingView</div>
  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-single-quote.js" async>
  {
  "symbol": "FX:EURUSD",
  "width": 350,
  "colorTheme": "dark",
  "isTransparent": false,
  "locale": "de_DE"
}
  </script>
</div>
<!-- TradingView Widget END -->

Danke im Vorfeld

Gerhard