From c140ec667ffaadf32753d11dc18eb942862ebcba Mon Sep 17 00:00:00 2001 From: erdgeist Date: Mon, 3 Aug 2026 02:04:42 +0200 Subject: Make tinymce use the admin chromes' light/dark scheme --- public/javascripts/admin_interface.js | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/public/javascripts/admin_interface.js b/public/javascripts/admin_interface.js index ddea0925..384f48c6 100644 --- a/public/javascripts/admin_interface.js +++ b/public/javascripts/admin_interface.js @@ -1,8 +1,17 @@ $(document).ready(function () { admin_search.initialize(); + function effective_scheme() { + var declared = getComputedStyle(document.documentElement).colorScheme; + if (declared === "dark") { return "dark"; } + if (declared === "light") { return "light"; } + return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; + } + var dark_editor = effective_scheme() === "dark"; tinymce.init({ selector: 'textarea.with_editor', + skin: dark_editor ? 'oxide-dark' : 'oxide', + content_css: dark_editor ? 'dark' : 'default', license_key: 'gpl', promotion: false, menubar: false, -- cgit v1.3