When user select interface mode as "Use System Settings" which is in dark mode then ckeditor will show in light mode.

[rajat-bhatt-codes]

Describe the bug

1. When user select interface mode as "Use System Settings" which is in dark mode then ckeditor will show in light mode.
2. Also we need to reload everytime when we change theme to apply changes.

To Reproduce
Steps to reproduce the behavior:

1. Go to profile section
2. Click on 'Interface mode'
3. Select 'User system settings'
4. Check ck editor field

Expected behavior
it should work as per system settings

Screenshots

[rajat-bhatt-codes]

i can suggest a simple solution to this problem that worked for me. for first point
Need to make changes in @_sh\strapi-plugin-ckeditor\admin\src\components\Input\CKEditor\styling.js file.

import baseTheme from "./theme";
import { createGlobalStyle } from "styled-components";

const getSystemColorScheme = () => {
  if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
    return "dark";
    }    
    return "light";
}

export const getGlobalStyling = () => {
    
  const variant = localStorage.getItem("STRAPI_THEME") || "light";

  const { theme: userTheme, themeOverwrite: overwrite } = globalThis.CKEditorConfig || {};

  const theme = overwrite ? userTheme : { ...baseTheme, ...userTheme};

  const selectedThemeVariant = variant === "system" ? getSystemColorScheme() : variant

  return createGlobalStyle`
       ${theme.common}
       ${theme[selectedThemeVariant]}
       ${theme.additional}
   `;
}