When choosing the background color you also need to keep the opacity level in mind. The Body Overlay feature helps choose the opacity level for your entire store.
Click on the ‘Theme Settings’ feature in your theme store and click on ‘Page-Transition’.
Here you can choose the opacity level from 0% – 100%, 100% being the brightest. You can also choose the overlay color to match your brand’s color scheme. Finally, as you can see in the image above, you can paste the SVG code of the logo under the designated tab.
Note: Use https://convertio.co/jpg-svg to convert your jpg or png logo to SVG format. Upload the SVG format here to get the code version – https://www.rapidtables.com/web/tools/svg-viewer-editor.html