Код:

<!--🌙 Плавающий переключатель тёмной темы (фиксированно с регулировкой от верха) -->
<script>
(function(){
  var topOffset = 270; // ⬆️ Положение кнопки от верха (можно менять)
  var mobileMaxWidth = 600; // 📱 Порог ширины для мобильного

  function isMobile(){ return window.innerWidth <= mobileMaxWidth; }
  function isHome(){ return location.pathname === '/' || location.pathname.endsWith('index.php'); }

  function updateButtonTheme(btn) {
    const isDark = document.cookie.includes('StyleSwitch=My');
    btn.style.background = isDark
      ? '#6996CA url("https://forumstatic.ru/files/0016/a6/f8/22564.png") center/50% no-repeat'
      : '#426B9A url("https://forumstatic.ru/files/0016/a6/f8/90261.png") center/50% no-repeat';
    btn.title = isDark ? 'Светлая тема' : 'Тёмная тема';
  }

  function createMobileSwitch(){
    if (!isMobile() || !isHome()) return;
    if (document.getElementById('mobile-style-switch')) return;

    const btn = document.createElement('div');
    btn.id = 'mobile-style-switch';
    document.body.appendChild(btn);

    const style = document.createElement('style');
    style.textContent = `
      #mobile-style-switch {
        position: fixed;
        top: ${topOffset}px;
        right: 15px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #426B9A url('https://forumstatic.ru/files/0016/a6/f8/90261.png') center/50% no-repeat;
        box-shadow: 0 0 8px rgba(0,0,0,0.6);
        z-index: 10000;
        cursor: pointer;
        transition: transform 0.2s ease;
      }
      #mobile-style-switch:active {
        transform: scale(0.9);
      }
    `;
    document.head.appendChild(style);

    updateButtonTheme(btn); // выставляем начальное состояние

    btn.addEventListener('click', function(){
      const desktopBtn = document.querySelector('.StyleSwitch');
      if (desktopBtn) {
        desktopBtn.click();
        setTimeout(() => updateButtonTheme(btn), 100); // ⚡ небольшая задержка, чтобы тема успела примениться
      }
    });
  }

  function waitForBody(){
    if (document.body){
      createMobileSwitch();
    } else {
      setTimeout(waitForBody, 50);
    }
  }
  waitForBody();

  window.addEventListener('resize', createMobileSwitch);
})();
</script>
<!--🌙 Плавающий переключатель тёмной темы (фиксированно с регулировкой от верха) -->