如何修改TinyMCE编辑器弹窗窗口的样式/皮肤？

问题说明 #

我当前使用TinyMCE编辑器插入文本，已通过CSS将编辑器内容配置为与TinyMCE默认样式不同的风格，但点击链接按钮弹出的「插入/编辑链接」窗口仍采用默认样式，和Web应用整体风格不匹配，需要修改该弹窗的样式。

相关代码片段 #

const makeDialog = (settings, onSubmit, editor) => {
  const urlInput = [{
      name: 'url',
      type: 'urlinput',
      filetype: 'file',
      label: 'URL',
      picker_text: 'Browse links'
    }];
  const displayText = settings.anchor.text.map(() => ({
    name: 'text',
    type: 'input',
    label: 'Text to display'
  })).toArray();
  const titleText = settings.flags.titleEnabled ? [{
      name: 'title',
      type: 'input',
      label: 'Title'
    }] : [];
  const defaultTarget = Optional.from(getDefaultLinkTarget(editor));
  const initialData = getInitialData(settings, defaultTarget);
  const catalogs = settings.catalogs;
  const dialogDelta = DialogChanges.init(initialData, catalogs);
  const body = {
    type: 'panel',
    items: flatten([
      urlInput,
      displayText,
      titleText,
      cat([
        catalogs.anchor.map(ListOptions.createUi('anchor', 'Anchors')),
        catalogs.rels.map(ListOptions.createUi('rel', 'Rel')),
        catalogs.targets.map(ListOptions.createUi('target', 'Open link in...')),
        catalogs.link.map(ListOptions.createUi('link', 'Link list')),
        catalogs.classes.map(ListOptions.createUi('linkClass', 'Class'))
      ])
    ])
  };
  return {
    title: 'Insert/Edit Link',
    size: 'normal',
    body,
    buttons: [
      {
        type: 'cancel',
        name: 'cancel',
        text: 'Cancel'
      },
      {
        type: 'submit',
        name: 'save',
        text: 'Save',
        primary: true
      }
    ],
    initialData,
    onChange: (api, {name}) => {
      dialogDelta.onChange(api.getData, { name }).each(newData => {
        api.setData(newData);
      });
    },
    onSubmit
  };
};

内容的提问来源于stack exchange，提问作者Kasey