Make tinymce use the admin chromes' light/dark scheme

1 files changed, 9 insertions, 0 deletions

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,