Some issue faced !

Port already occupied : 8081

Approach

  1. Detect the system’s theme :

    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
  console.log("User prefers dark mode.");
} else if (window.matchMedia && window.matchMedia('(prefers-color-scheme: light)').matches) {
  console.log("User prefers light mode.");
} else {
  console.log("User preference for color scheme is not specified or detected.");
}

Feature : Content-ui + Dark Background

  1. Earlier I hardcoded the theme change but when thought of fixing the theme issue on content-ui page, there also I need to hard code the value !
  2. So thought why not I store the value of the theme in a global / local storage and from there every component can access that
  3. Searched codebase and found theme.storage.ts file which handles all the theme / ui changes !
  4. and applied the theme changing there !

Changes

  1. Writes logic into theme.storage.ts

Content-ui