gitea-mirror/src/components/theme/ThemeScript.astro

---
import { BASE_PATH_WINDOW_KEY } from '@/lib/base-path';

const normalizeBasePath = (value) => {
  if (!value || !value.trim()) {
    return '/';
  }

  let normalized = value.trim();
  if (!normalized.startsWith('/')) {
    normalized = `/${normalized}`;
  }

  normalized = normalized.replace(/\/+$/, '');
  return normalized || '/';
};

const runtimeBasePath = normalizeBasePath(process.env.BASE_URL);
---

<script is:inline define:vars={{ BASE_PATH_WINDOW_KEY, runtimeBasePath }}>
  window[BASE_PATH_WINDOW_KEY] = runtimeBasePath;

  const getThemePreference = () => {
    if (typeof localStorage !== 'undefined' && localStorage.getItem('theme')) {
      return localStorage.getItem('theme');
    }
    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
  };
  const isDark = getThemePreference() === 'dark';
  document.documentElement.classList[isDark ? 'add' : 'remove']('dark');

  if (typeof localStorage !== 'undefined') {
    const observer = new MutationObserver(() => {
      const isDark = document.documentElement.classList.contains('dark');
      localStorage.setItem('theme', isDark ? 'dark' : 'light');
    });
    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });
  }
</script>