Input WYSIWYG: Fixed up some dark mode elements

This commit is contained in:
Dan Brown 2023-12-22 15:16:06 +00:00
parent 7cd0629a75
commit 3668949705
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
3 changed files with 4 additions and 5 deletions

View File

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

View File

@ -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;

View File

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