This is the most basic customization you can do, but for cost-sensitive projects it's all you need to do.

  1. Ensure you have the pre-requisites and that webpack is running
  2. Open the file src/scss/_variables.scss and change the bootstrap-purple to a 2sic-blue by changing
    $primary: #65345c !default; 
    to 
    $primary: #0088F4 !default;
  3. Now replace the images/logo.png and images/logo.svg with your logo files,

That's it! View the results to see that it worked.

If you don't see your changes, DNN is probably caching the CSS - so while working on this, better disable the Client Resource Management