Изменить мета-цвет темы в темном режиме с помощью javascript?

Question

Как я могу объединить эти два скрипта в одну функцию,

<script>//<![CDATA[
function LMcheckCheckbox(){
    document.querySelectorAll(".checkbox").forEach(function(e) {      
       "darkmode"===localStorage.getItem("mode")?e.checked=!0:e.checked=!1
        })
    }
function darkMode(){
     localStorage.setItem("mode","darkmode"===localStorage.getItem("mode")?"light":"darkmode"),
     "darkmode"===localStorage.getItem("mode")?document.querySelector("body").classList.add("darkmode"):document.querySelector("body").classList.remove("darkmode"),
     LMcheckCheckbox()
 }
 function darkModeHide(){
      document.querySelectorAll(".darkmode-switch").forEach(function(e){
           e.parentNode.removeChild(e)
      })
 }
LMcheckCheckbox(),
"undefined"==typeof AzidBloggerSetting
 &&(AzidBloggerSetting={tombolDarkmode:!0}),           
 0==AzidBloggerSetting.tombolDarkmode&&darkModeHide();
    //]]>
</script>

и здесь скрипт для изменения цвета метатемы

$("meta[name='theme-color']").attr('content', '#333333');

как я могу вставить второй скрипт в первый скрипт? Я хочу изменить цвет метатемы, когда активен первый скрипт.

Answer 1

Вам нужно найти, где активируется темный режим, и поместить туда свой код (сначала удалите код, чтобы увидеть, что происходит) * прежде чем переходить к коду!

насколько я понял, это то, что вы хотите сделать:

function LMcheckCheckbox() {
  document.querySelectorAll(".checkbox").forEach(function(e) {
    "darkmode" === localStorage.getItem("mode") ? e.checked = !0 : e.checked = !1
  })
}


function darkMode() {
// this is seemingly where the dark mode is being applyed so :
$("meta[name='theme-color']").attr('content', '#333333');
  localStorage.setItem("mode", "darkmode" === localStorage.getItem("mode") ? "light" : "darkmode"), "darkmode" === localStorage.getItem("mode") ? document.querySelector("body").classList.add("darkmode") : document.querySelector("body").classList.remove("darkmode"), LMcheckCheckbox()
}

function darkModeHide() {
  document.querySelectorAll(".darkmode-switch").forEach(function(e) {
    e.parentNode.removeChild(e)
  })
}
LMcheckCheckbox(), "undefined" == typeof AzidBloggerSetting && (AzidBloggerSetting = {
  tombolDarkmode: !0
}), 0 == AzidBloggerSetting.tombolDarkmode && darkModeHide();