0

Hi i have page with video (example-video). I have button on site, after click site go to dark mode (video is up on darkmode) Behind the video is boxShadow, now after click dark mode go boxShadow ON and lightning behind video. But if i close darkmode same button to ON. Go OFF only dark mode, box shadow is stay, how turn off boxShadow with dark mode.

/* show/hide overlay & toggle style of button */
$(".togglelight").click(function() {
  $(this).toggleClass("lightsoff");
  $(".overlay").fadeToggle(700);
  document.getElementById("example-video").style.boxShadow = "#161616 0px 1px 1px 0px inset, #f44336 0px 50px 100px -20px, #f44336 0px 30px 60px -30px";
});
<!-- overlay dark-mode -->
<div class="overlay"></div>


<!--BUTTON ON/OFF dark-mode -->
<div class="togglelight" title="title">
  <i class="fas fa-lightbulb"></i>
</div>
tacoshy
  • 10,642
  • 5
  • 17
  • 34
ondravirag
  • 9
  • 3
  • 3
    dont add the shadow by using `.style` add changes through CSS by using `.classList.toggle` – tacoshy Sep 16 '21 at 18:46
  • Does this answer your question? [How to reset the style properties to their CSS defaults in javascript?](https://stackoverflow.com/questions/3506050/how-to-reset-the-style-properties-to-their-css-defaults-in-javascript) – Bdeering Sep 16 '21 at 18:49

0 Answers0