Theme does not render properly on Cloud IDE

At times, the website theme may not appear properly on Cloud IDE due to several reasons. If you encounter the error message "Mixed Content" in the console of the IDE URL, it means that the page is hosted on HTTPS, but certain stylesheet requests are made insecurely over HTTP, causing the request to be blocked. 

This happens because Cloud IDE is hosted on HTTP, and many HTTP requests get blocked by the browser. Consequently, the loading request for many theme files gets rejected, and the website theme may not render correctly.

Resolution:

To fix this error, you can enable mixed content in your browser.

Chrome:

• Click the lock (caution) icon, then click Site settings.
• Scroll to Insecure content, then use the drop-down list to change “Block (default)” to “Allow.”
• Reload the page.

  Mozilla Firefox

•  In Firefox, enter about:config in the address bar.

•  Acknowledge the warning message displayed by Firefox.
•  In the search bar, type block_active.
• Double-click **security.mixed_content.block_active_content** . The value changes from “True” to “False.” When the value shows “False,” you are finished.

   Microsoft Edge 

• Click the lock (caution) icon, then click Site Permissions.
• Scroll to Insecure content, then use the drop-down list to change “Block (default)” to “Allow”.

• Reload the page.