Input WYSIWYG: Fixed up some dark mode elements

Author: ssddanbrown

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);
         },
     };
 }

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;

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">