Input WYSIWYG: Fixed up some dark mode elements

diff --git a/resources/js/wysiwyg/config.js b/resources/js/wysiwyg/config.js
index f669849ade879821160509ca4a0bbe374b5108b5..963e2970d341356d83f685994026ab9091790c8c 100644 (file)
--- a/resources/js/wysiwyg/config.js
+++ b/resources/js/wysiwyg/config.js
@@ -331,15 +331,13 @@ export function buildForInput(options) {
         contextmenu: false,
         toolbar: 'bold italic link bullist numlist',
         content_style: getContentStyle(options),
-        color_map: colorMap,
         file_picker_types: 'file',
         file_picker_callback: filePickerCallback,
         init_instance_callback(editor) {
             const head = editor.getDoc().querySelector('head');
             head.innerHTML += fetchCustomHeadContent();
-        },
-        setup(editor) {
-            //
+
+            editor.contentDocument.documentElement.classList.toggle('dark-mode', options.darkMode);
         },
     };
 }

diff --git a/resources/sass/_forms.scss b/resources/sass/_forms.scss
index b63f9cdd51d0c1e670b94359dd2732317701a294..8c277c2b5010c755eede2124fa88d59cc45a259c 100644 (file)
--- a/resources/sass/_forms.scss
+++ b/resources/sass/_forms.scss
@@ -408,6 +408,7 @@ input[type=color] {
 
 .description-input > .tox-tinymce {
   border: 1px solid #DDD !important;
+  @include lightDark(border-color, #DDD !important, #000 !important);
   border-radius: 3px;
   .tox-toolbar__primary {
     justify-content: end;

diff --git a/resources/views/books/parts/form.blade.php b/resources/views/books/parts/form.blade.php
index a3d4be5e981c3c7a480ccd3fc2e96deddd1d8fbc..fa8f16e52f4a5d5d17273025900d9c08bd6a5682 100644 (file)
--- a/resources/views/books/parts/form.blade.php
+++ b/resources/views/books/parts/form.blade.php
@@ -39,7 +39,7 @@
 </div>
 
 <div class="form-group collapsible" component="collapsible" id="template-control">
-    <button refs="collapsible@trigger" type="button" class="collapse-title text-primary" aria-expanded="false">
+    <button refs="collapsible@trigger" type="button" class="collapse-title text-link" aria-expanded="false">
         <label for="template-manager">{{ trans('entities.books_default_template') }}</label>
     </button>
     <div refs="collapsible@content" class="collapse-content">