mkdocs-light-dark-toggle 0.1.0__py3-none-any.whl

mkdocs_light_dark_toggle/plugin.py

@@ -0,0 +1,83 @@
+"""MkDocs plugin: an always-visible two-button light/dark switch for Material's palette."""
+
+import json
+import os
+
+from mkdocs.config import config_options
+from mkdocs.plugins import BasePlugin
+from mkdocs.utils import copy_file
+
+STATIC_DIR = os.path.join(os.path.dirname(__file__), "static")
+JS_FILENAME = "light_dark_toggle.js"
+CSS_FILENAME = "light_dark_toggle.css"
+ASSET_PREFIX = "assets/light_dark_toggle"
+CONFIG_SCRIPT_ID = "light-dark-config"
+
+DEFAULT_DESCRIPTIONS = {
+    "light": "Switch to light mode",
+    "dark": "Switch to dark mode",
+}
+DEFAULT_ANNOUNCEMENTS = {
+    "light": "Light mode",
+    "dark": "Dark mode",
+}
+
+
+class LightDarkTogglePlugin(BasePlugin):
+    """Replaces Material's native palette radios with an always-visible two-button toggle."""
+
+    _runtime_config = None
+
+    config_scheme = (
+        ("light", config_options.Type(dict, default={})),
+        ("dark", config_options.Type(dict, default={})),
+        ("aria_label", config_options.Type(str, default="Color theme")),
+        ("show_toast", config_options.Type(bool, default=True)),
+    )
+
+    def on_config(self, config):
+        modes = {}
+        for name in ("light", "dark"):
+            raw = self.config.get(name) or {}
+            modes[name] = {
+                "description": raw.get("description", DEFAULT_DESCRIPTIONS[name]),
+                "announcement": raw.get("announcement", DEFAULT_ANNOUNCEMENTS[name]),
+            }
+
+        self._runtime_config = {
+            "modes": modes,
+            "ariaLabel": self.config["aria_label"],
+            "showToast": self.config["show_toast"],
+        }
+
+        extra_css = list(config.get("extra_css", []))
+        extra_js = list(config.get("extra_javascript", []))
+        css_uri = f"{ASSET_PREFIX}/{CSS_FILENAME}"
+        js_uri = f"{ASSET_PREFIX}/{JS_FILENAME}"
+        if css_uri not in extra_css:
+            extra_css.append(css_uri)
+        if js_uri not in extra_js:
+            extra_js.append(js_uri)
+        config["extra_css"] = extra_css
+        config["extra_javascript"] = extra_js
+
+        return config
+
+    def on_post_build(self, config):
+        for filename in (JS_FILENAME, CSS_FILENAME):
+            src_path = os.path.join(STATIC_DIR, filename)
+            dest_path = os.path.join(config["site_dir"], ASSET_PREFIX, filename)
+            copy_file(src_path, dest_path)
+
+    def on_post_page(self, output, page, config):
+        if not self._runtime_config:
+            return output
+        script = (
+            f'<script id="{CONFIG_SCRIPT_ID}" type="application/json">'
+            f"{json.dumps(self._runtime_config)}"
+            f"</script>"
+        )
+        marker = "</body>"
+        if marker in output:
+            return output.replace(marker, script + marker, 1)
+        return output + script

mkdocs_light_dark_toggle/static/light_dark_toggle.css

@@ -0,0 +1,140 @@
+/* mkdocs-light-dark-toggle
+
+   Custom properties (set on #light-dark-toggle or a parent such as :root):
+     --light-dark-accent      border and highlight color (default: currentColor)
+     --light-dark-track-bg    toggle background (default: transparent)
+     --light-dark-active-fg   icon color of the active option (default: Canvas)
+     --light-dark-radius      corner radius of the toggle and highlight
+     --light-dark-height      toggle height
+     --light-dark-icon-size   icon size
+     --light-dark-icon-light  mask-image for the light-mode icon (default: a sun)
+     --light-dark-icon-dark   mask-image for the dark-mode icon (default: a moon)
+     --light-dark-toast-bg    toast background (default: CanvasText)
+     --light-dark-toast-fg    toast text color (default: Canvas)
+
+   Sensible sun/moon defaults mean this works with zero configuration, unlike an
+   N-way toggle (e.g. mkdocs-audience-toggle) where mode icons have no universal
+   meaning and must always be supplied. */
+
+.light-dark-toggle {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  height: var(--light-dark-height, 1.2rem);
+  border: 0.05rem solid var(--light-dark-accent, currentColor);
+  border-radius: var(--light-dark-radius, 1rem);
+  overflow: hidden;
+  background-color: var(--light-dark-track-bg, transparent);
+}
+
+/* left and width are set by the script to match the active option. */
+.light-dark-highlight {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 50%;
+  height: 100%;
+  border-radius: var(--light-dark-radius, 1rem);
+  background-color: var(--light-dark-accent, currentColor);
+  transition: transform 0.2s ease;
+}
+
+.light-dark-toggle[data-active="light"] .light-dark-highlight {
+  transform: translateX(100%);
+}
+
+.light-dark-option {
+  position: relative;
+  z-index: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  padding: 0 0.35rem;
+  border: none;
+  background: none;
+  color: inherit;
+  cursor: pointer;
+}
+
+/* Active option's icon sits on the highlight fill, so it flips to a
+   contrasting color; inactive stays plain currentColor. */
+.light-dark-toggle[data-active="light"] .light-dark-option[data-scheme="default"],
+.light-dark-toggle[data-active="dark"] .light-dark-option[data-scheme="slate"] {
+  color: var(--light-dark-active-fg, Canvas);
+}
+
+.light-dark-option::before {
+  content: "";
+  display: block;
+  width: var(--light-dark-icon-size, 0.7rem);
+  height: var(--light-dark-icon-size, 0.7rem);
+  background-color: currentColor;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+  -webkit-mask-position: center;
+  mask-position: center;
+}
+
+.light-dark-option[data-scheme="default"]::before {
+  -webkit-mask-image: var(
+    --light-dark-icon-light,
+    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M579-381q41-41 41-99t-41-99q-41-41-99-41t-99 41q-41 41-41 99t41 99q41 41 99 41t99-41Zm-240.5 42.5Q280-397 280-480t58.5-141.5Q397-680 480-680t141.5 58.5Q680-563 680-480t-58.5 141.5Q563-280 480-280t-141.5-58.5ZM200-450H40v-60h160v60Zm720 0H760v-60h160v60ZM450-760v-160h60v160h-60Zm0 720v-160h60v160h-60ZM262-658l-100-97 43-44 96 100-39 41Zm494 496-98-100 41-41 99 98-42 43Zm-99-537 98-99 44 42-99 98-43-41ZM162-205l99-98 42 42-98 99-43-43Zm318-275Z'/%3E%3C/svg%3E")
+  );
+  mask-image: var(
+    --light-dark-icon-light,
+    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M579-381q41-41 41-99t-41-99q-41-41-99-41t-99 41q-41 41-41 99t41 99q41 41 99 41t99-41Zm-240.5 42.5Q280-397 280-480t58.5-141.5Q397-680 480-680t141.5 58.5Q680-563 680-480t-58.5 141.5Q563-280 480-280t-141.5-58.5ZM200-450H40v-60h160v60Zm720 0H760v-60h160v60ZM450-760v-160h60v160h-60Zm0 720v-160h60v160h-60ZM262-658l-100-97 43-44 96 100-39 41Zm494 496-98-100 41-41 99 98-42 43Zm-99-537 98-99 44 42-99 98-43-41ZM162-205l99-98 42 42-98 99-43-43Zm318-275Z'/%3E%3C/svg%3E")
+  );
+}
+
+.light-dark-option[data-scheme="slate"]::before {
+  -webkit-mask-image: var(
+    --light-dark-icon-dark,
+    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-120q-150 0-255-105T120-480q0-150 105-255t255-105q8 0 17 .5t23 1.5q-36 32-56 79t-20 99q0 90 63 153t153 63q52 0 99-18.5t79-51.5q1 12 1.5 19.5t.5 14.5q0 150-105 255T480-120Zm0-60q109 0 190-67.5T771-406q-25 11-53.67 16.5Q688.67-384 660-384q-114.69 0-195.34-80.66Q384-545.31 384-660q0-24 5-51.5t18-62.5q-98 27-162.5 109.5T180-480q0 125 87.5 212.5T480-180Zm-4-297Z'/%3E%3C/svg%3E")
+  );
+  mask-image: var(
+    --light-dark-icon-dark,
+    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-120q-150 0-255-105T120-480q0-150 105-255t255-105q8 0 17 .5t23 1.5q-36 32-56 79t-20 99q0 90 63 153t153 63q52 0 99-18.5t79-51.5q1 12 1.5 19.5t.5 14.5q0 150-105 255T480-120Zm0-60q109 0 190-67.5T771-406q-25 11-53.67 16.5Q688.67-384 660-384q-114.69 0-195.34-80.66Q384-545.31 384-660q0-24 5-51.5t18-62.5q-98 27-162.5 109.5T180-480q0 125 87.5 212.5T480-180Zm-4-297Z'/%3E%3C/svg%3E")
+  );
+}
+
+/* Material's own [hidden] rules (.md-header__option, .md-option:checked +
+   label) beat the plain [hidden] { display: none } UA rule on specificity,
+   so the palette form we hide via JS (paletteForm.hidden = true) can stay
+   silently visible without this. Scoped to the palette form specifically,
+   not a sweeping [hidden] override, so this package can't interfere with
+   `hidden` elements from other plugins or the page's own content. */
+[data-md-component="palette"][hidden] {
+  display: none !important;
+}
+
+.light-dark-toast {
+  position: fixed;
+  left: 50%;
+  z-index: 10;
+  padding: 0.5rem 0.9rem;
+  border-radius: 0.4rem;
+  background-color: var(--light-dark-toast-bg, CanvasText);
+  color: var(--light-dark-toast-fg, Canvas);
+  font-size: 0.7rem;
+  font-weight: 700;
+  white-space: nowrap;
+  opacity: 0;
+  pointer-events: none;
+  transform: translate(-50%, -0.3rem);
+  transition: opacity 0.2s ease, transform 0.2s ease;
+}
+
+.light-dark-toast--visible {
+  opacity: 1;
+  transform: translate(-50%, 0);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .light-dark-highlight,
+  .light-dark-toast {
+    transition: none;
+  }
+}

mkdocs_light_dark_toggle/static/light_dark_toggle.js

@@ -0,0 +1,149 @@
+(function () {
+  // Always-visible two-button light/dark switch, replacing Material's native
+  // single-knob palette switch (whose knob was the only clickable spot).
+  // Native radios stay in the DOM, hidden; their own JS still applies and
+  // persists the scheme via localStorage, we just flip `checked` and
+  // dispatch change.
+
+  function readConfig() {
+    const script = document.getElementById("light-dark-config");
+    if (!script) return null;
+    return JSON.parse(script.textContent);
+  }
+
+  let toastTimer = null;
+  function showToast(text) {
+    let toast = document.getElementById("light-dark-toast");
+    if (!toast) {
+      toast = document.createElement("div");
+      toast.id = "light-dark-toast";
+      toast.className = "light-dark-toast";
+      // status + polite: announced to screen readers without interrupting
+      // whatever they're already reading, same as a visual toast doesn't
+      // steal focus.
+      toast.setAttribute("role", "status");
+      toast.setAttribute("aria-live", "polite");
+      document.body.appendChild(toast);
+    }
+
+    toast.textContent = text;
+
+    // The header's own height isn't fixed across breakpoints (taller with
+    // a tab bar on tablet/desktop) or over time (Material can hide/reveal
+    // it on scroll), so position below it fresh on every call rather than
+    // hardcoding an offset in CSS.
+    const header = document.querySelector(".md-header");
+    const headerBottom = header ? header.getBoundingClientRect().bottom : 0;
+    toast.style.top = Math.max(headerBottom, 0) + 12 + "px";
+
+    // Retrigger the transition even if a toast is already showing (rapid
+    // clicks): drop the class, force layout, then re-add it, instead of
+    // just extending the existing timer.
+    toast.classList.remove("light-dark-toast--visible");
+    void toast.offsetWidth;
+    toast.classList.add("light-dark-toast--visible");
+
+    clearTimeout(toastTimer);
+    toastTimer = setTimeout(function () {
+      toast.classList.remove("light-dark-toast--visible");
+    }, 1400);
+  }
+
+  function getOrCreateToggle(config) {
+    let container = document.getElementById("light-dark-toggle");
+    if (container) return container;
+
+    const paletteForm = document.querySelector('[data-md-component="palette"]');
+    if (!paletteForm) return null;
+
+    const lightRadio = paletteForm.querySelector('input[data-md-color-scheme="default"]');
+    const darkRadio = paletteForm.querySelector('input[data-md-color-scheme="slate"]');
+    if (!lightRadio || !darkRadio) return null;
+
+    paletteForm.hidden = true;
+
+    container = document.createElement("div");
+    container.id = "light-dark-toggle";
+    container.className = "light-dark-toggle";
+    container.setAttribute("role", "group");
+    container.setAttribute("aria-label", config.ariaLabel);
+
+    const highlight = document.createElement("span");
+    highlight.className = "light-dark-highlight";
+    highlight.setAttribute("aria-hidden", "true");
+
+    const dark = document.createElement("button");
+    dark.type = "button";
+    dark.className = "light-dark-option";
+    dark.dataset.scheme = "slate";
+    dark.title = config.modes.dark.description;
+    dark.setAttribute("aria-label", config.modes.dark.description);
+
+    const light = document.createElement("button");
+    light.type = "button";
+    light.className = "light-dark-option";
+    light.dataset.scheme = "default";
+    light.title = config.modes.light.description;
+    light.setAttribute("aria-label", config.modes.light.description);
+
+    container.append(highlight, dark, light);
+    paletteForm.insertAdjacentElement("beforebegin", container);
+
+    let previousMode = null;
+    container.addEventListener("click", function (event) {
+      const option = event.target.closest(".light-dark-option");
+      if (!option) return;
+      const scheme = option.dataset.scheme;
+      // Not radio.checked: Material applies the scheme to <body> on init
+      // without syncing the matching radio's `checked` property, so that
+      // stays false for whichever scheme loaded by default until a real
+      // click sets it below.
+      if (scheme === document.body.getAttribute("data-md-color-scheme")) return;
+      const radio = scheme === "slate" ? darkRadio : lightRadio;
+      radio.checked = true;
+      radio.dispatchEvent(new Event("change", { bubbles: true }));
+      applyState(container);
+      const mode = scheme === "slate" ? "dark" : "light";
+      if (config.showToast) showToast(config.modes[mode].announcement);
+      document.dispatchEvent(
+        new CustomEvent("light-dark:modechange", { detail: { mode: mode, previousMode: previousMode } })
+      );
+      previousMode = mode;
+    });
+
+    // Sync to whatever scheme Material's own JS actually lands on, not
+    // just what we clicked.
+    lightRadio.addEventListener("change", function () {
+      applyState(container);
+    });
+    darkRadio.addEventListener("change", function () {
+      applyState(container);
+    });
+
+    return container;
+  }
+
+  function applyState(container) {
+    const scheme = document.body.getAttribute("data-md-color-scheme");
+    container.dataset.active = scheme === "slate" ? "dark" : "light";
+    container.querySelectorAll(".light-dark-option").forEach(function (option) {
+      option.setAttribute("aria-pressed", String(option.dataset.scheme === scheme));
+    });
+  }
+
+  function setUp() {
+    const config = readConfig();
+    if (!config) return;
+    const toggle = getOrCreateToggle(config);
+    if (toggle) applyState(toggle);
+  }
+
+  // navigation.instant swaps page content via JS without a full reload, so
+  // DOMContentLoaded only fires once. document$ is Material's own
+  // observable that emits on every page change, instant or not.
+  if (window.document$) {
+    window.document$.subscribe(setUp);
+  } else {
+    document.addEventListener("DOMContentLoaded", setUp);
+  }
+})();

mkdocs_light_dark_toggle-0.1.0.dist-info/METADATA

@@ -0,0 +1,199 @@
+Metadata-Version: 2.5
+Name: mkdocs-light-dark-toggle
+Version: 0.1.0
+Summary: Material for MkDocs plugin: an always-visible two-button light/dark switch, replacing Material's native single-knob palette toggle.
+Project-URL: Homepage, https://github.com/luka-sherman/mkdocs-light-dark-toggle
+Author-email: Luka Sherman <luka.msherman@gmail.com>
+License: MIT
+License-File: LICENSE
+Classifier: Framework :: MkDocs
+Classifier: License :: OSI Approved :: MIT License
+Classifier: Programming Language :: Python :: 3
+Requires-Python: >=3.9
+Requires-Dist: mkdocs>=1.5
+Provides-Extra: test
+Requires-Dist: mkdocs-material; extra == 'test'
+Requires-Dist: playwright; extra == 'test'
+Requires-Dist: pytest; extra == 'test'
+Requires-Dist: pytest-playwright; extra == 'test'
+Description-Content-Type: text/markdown
+
+# mkdocs-light-dark-toggle
+
+A [MkDocs](https://www.mkdocs.org/) plugin (built for and tested with
+[Material for MkDocs](https://squidfunk.github.io/mkdocs-material/)) that replaces Material's
+native light/dark switch with an always-visible two-button toggle. Material's own switch is a
+single knob: the current scheme is the only thing you can see, and the knob itself is the only
+clickable spot. This plugin shows both options side by side, with a sliding highlight behind
+whichever is active, so switching is a single click on either option rather than a click-to-cycle
+knob.
+
+The native palette radios stay in the DOM, hidden. Their own JavaScript still applies and persists
+the scheme via `localStorage` — this plugin only drives them, it doesn't reimplement scheme
+switching.
+
+Light mode, sun active:
+
+![Light/dark toggle in light mode, sun option active](screenshots/toggle-light.png)
+
+Dark mode, moon active:
+
+![Light/dark toggle in dark mode, moon option active](screenshots/toggle-dark.png)
+
+```yaml
+plugins:
+  - light_dark_toggle
+```
+
+That's it — the toggle needs no configuration to work, since it ships with built-in sun/moon
+icons and sensible default text.
+
+## Requirements
+
+Python 3.9+ and MkDocs 1.5+. Built for Material for MkDocs: the plugin looks for Material's own
+`[data-md-component="palette"]` form and the two radio inputs inside it
+(`input[data-md-color-scheme="default"]` and `="slate"`). Your `mkdocs.yml` needs both schemes
+configured under `theme.palette`:
+
+```yaml
+theme:
+  name: material
+  palette:
+    - scheme: default
+      toggle:
+        icon: material/brightness-7
+        name: Switch to dark mode
+    - scheme: slate
+      toggle:
+        icon: material/brightness-4
+        name: Switch to light mode
+```
+
+If either radio isn't found, the plugin leaves Material's native switch alone.
+
+## Configure
+
+```yaml
+plugins:
+  - light_dark_toggle:
+      light:
+        description: Switch to light mode
+        announcement: Lights on
+      dark:
+        description: Switch to dark mode
+        announcement: Lights off
+```
+
+| Key           | Default                             | Description                                                        |
+| ------------- | ------------------------------------ | -------------------------------------------------------------------- |
+| `light`       | see below                           | `description`/`announcement` for the light option.                   |
+| `dark`        | see below                           | `description`/`announcement` for the dark option.                    |
+| `aria_label`  | `Color theme`                       | Accessible label for the toggle group.                               |
+| `show_toast`  | `true`                              | Show a short message after the scheme changes.                       |
+
+`light`/`dark` each take:
+
+| Key            | Default                  | Description                                            |
+| -------------- | ------------------------- | -------------------------------------------------------- |
+| `description`  | `Switch to light/dark mode` | Button title and accessible label.                      |
+| `announcement` | `Light mode`/`Dark mode`  | Text shown in the toast after switching to this scheme. |
+
+## Styling
+
+The toggle's CSS is controlled with custom properties. Override them in your `extra_css` file on
+`#light-dark-toggle`, or on a parent element such as `:root`:
+
+```css
+#light-dark-toggle {
+  --light-dark-accent: #2e7d32;      /* border and highlight color (default: currentColor) */
+  --light-dark-track-bg: #fdf6e3;    /* toggle background (default: transparent) */
+  --light-dark-active-fg: #fdf6e3;   /* icon color of the active option (default: Canvas) */
+  --light-dark-radius: 1rem;         /* corner radius of the toggle and highlight (default: 1rem) */
+  --light-dark-height: 1.2rem;       /* toggle height (default: 1.2rem) */
+  --light-dark-icon-size: 0.7rem;    /* icon size (default: 0.7rem) */
+}
+```
+
+Icons are CSS `mask-image` values and default to a built-in sun and moon:
+
+```css
+#light-dark-toggle {
+  --light-dark-icon-light: url("data:image/svg+xml,...");
+  --light-dark-icon-dark: url("data:image/svg+xml,...");
+}
+```
+
+The toast has its own properties, kept separate from `--light-dark-accent`/`--light-dark-active-fg`
+so theming the toggle doesn't also recolor the toast:
+
+```css
+#light-dark-toast {
+  --light-dark-toast-bg: #2e7d32;   /* toast background (default: CanvasText) */
+  --light-dark-toast-fg: #fdf6e3;   /* toast text color (default: Canvas) */
+}
+```
+
+Left at their defaults, `CanvasText`/`Canvas` auto-invert the toast against the page's
+`color-scheme` CSS property. If your site switches schemes manually rather than relying on
+`prefers-color-scheme` — which, using this plugin, it does — set `color-scheme: light`/`dark`
+yourself on the selector your palette CSS already scopes to (e.g.
+`[data-md-color-scheme="slate"] { color-scheme: dark; }`) for that to track the active scheme
+instead of the OS preference.
+
+For other changes, target the classes `.light-dark-toggle`, `.light-dark-highlight`,
+`.light-dark-option`, and `.light-dark-toast`. The script sets the highlight's position via
+`[data-active]` on `.light-dark-toggle`, not inline styles.
+
+## Accessibility
+
+- The color properties aren't checked for contrast. Check your color choices against WCAG
+  contrast requirements.
+- Each option is a toggle button with `aria-pressed` and its own tab stop. The toggle doesn't use
+  the ARIA radio group pattern, which has a single tab stop and arrow-key navigation.
+- Transitions are turned off when `prefers-reduced-motion: reduce` is set.
+- If the plugin's JavaScript doesn't run, Material's native palette switch is left visible and
+  fully functional — nothing is hidden until this plugin's own script confirms it found both
+  radios and successfully built its replacement.
+
+## Analytics
+
+Listen for the `light-dark:modechange` event on `document` to record scheme changes.
+`event.detail` contains `mode` (`"light"` or `"dark"`) and `previousMode`:
+
+```js
+document.addEventListener("light-dark:modechange", (event) => {
+  const { mode, previousMode } = event.detail;
+  gtag("event", "color_scheme_change", { mode, previous_mode: previousMode });
+});
+```
+
+The event fires only on a click that changes the scheme — not on page load, and not when clicking
+the option that's already active. To read the scheme at any time, including on page load, use
+Material's own `data-md-color-scheme` attribute on `<body>`:
+
+```js
+const scheme = document.body.getAttribute("data-md-color-scheme"); // "default" or "slate"
+```
+
+## Testing
+
+```bash
+python3 -m venv .venv
+source .venv/bin/activate
+pip install -e ".[test]"
+playwright install chromium
+pytest
+```
+
+`tests/fixture_site/` is a small Material for MkDocs site that uses the plugin. The tests build it
+once, serve it locally, and run Playwright against it:
+
+- `test_behavior.py`: replacing the native form, switching scheme, persistence, toast, events.
+- `test_accessibility.py`: axe-core checks.
+- `test_keyboard.py`: keyboard use and focus.
+
+axe-core is included in `tests/vendor/`, so the tests don't need network access.
+
+## License
+
+[MIT](LICENSE)

mkdocs_light_dark_toggle-0.1.0.dist-info/RECORD

@@ -0,0 +1,9 @@
+mkdocs_light_dark_toggle/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
+mkdocs_light_dark_toggle/plugin.py,sha256=a_3Kk6zAjqoSZoD8GoQafoNa-b6Zako5Dhb0zNQy6II,2785
+mkdocs_light_dark_toggle/static/light_dark_toggle.css,sha256=O_kxVt3Xmhb3INryAWHf1S-BHitfo0UtM-XkAH-cwcU,6275
+mkdocs_light_dark_toggle/static/light_dark_toggle.js,sha256=8uG-ju2oddGrQaKNtcrs6bfPx8NO_rzpKVjxTvZH2BI,5863
+mkdocs_light_dark_toggle-0.1.0.dist-info/METADATA,sha256=HH_Vm8TESt5lJf3kX0KP7br-xtR38C1YUaapRTjZD58,8028
+mkdocs_light_dark_toggle-0.1.0.dist-info/WHEEL,sha256=W3fkpkm7-wf9vBI5Z-7s0eWkeM-spu78I8Neb98DeEg,87
+mkdocs_light_dark_toggle-0.1.0.dist-info/entry_points.txt,sha256=oHM2f4DaEq-5LX05T54UOzvCFU5TNyT9xHyJrpNW8xI,91
+mkdocs_light_dark_toggle-0.1.0.dist-info/licenses/LICENSE,sha256=8eSg7z3uZ_8PXMr30y4f3GlWv6ND5QUAIOB3eccrtc0,1069
+mkdocs_light_dark_toggle-0.1.0.dist-info/RECORD,,

mkdocs_light_dark_toggle-0.1.0.dist-info/WHEEL

@@ -0,0 +1,4 @@
+Wheel-Version: 1.0
+Generator: hatchling 1.32.4
+Root-Is-Purelib: true
+Tag: py3-none-any

mkdocs_light_dark_toggle-0.1.0.dist-info/entry_points.txt

@@ -0,0 +1,2 @@
+[mkdocs.plugins]
+light_dark_toggle = mkdocs_light_dark_toggle.plugin:LightDarkTogglePlugin

mkdocs_light_dark_toggle-0.1.0.dist-info/licenses/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Luka Sherman
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.