auto switch theme #677

Paul-16098 · 2025-05-18T00:56:37Z

Paul-16098
May 18, 2025

document:
  head: |
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script id="auto-switch-theme">
    "use strict";
    function get_theme() {
    let theme = "light";
    if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
        theme = "dark";
    }
    console.debug("get_theme: ", theme);
    return theme;
    }
    window
    .matchMedia("(prefers-color-scheme: dark)")
    .addEventListener("change", set_theme);
    function set_theme() {
    document.cookie = `theme=default-${get_theme()}`;
    const theme_style = document.querySelector("#theme-style");
    $.post({
        url: `http://localhost:8080/api/set-theme/default-${get_theme()}`,
        dataType: "html",
        success: function (data) {
            theme_style.innerHTML = data;
        },
    });
    console.debug("set_theme: done");
    }
    set_theme();

    </script>
  

theme:
  presets:
    default-dark:
      ...
    default-light:
      ...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

auto switch theme #677

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Uh oh!

auto switch theme #677

Uh oh!

Paul-16098 May 18, 2025

Replies: 0 comments

Paul-16098
May 18, 2025