Currently, I am working on developing a Chrome extension for a university project. However, I am facing challenges in making the background or body of the extension's HTML completely transparent to achieve a cleaner interface. The issue specifically lies with the white corners on the background.
Below is the code snippet of the extension:
// Define variables
// Code...
body{
// CSS styling for the body element
}<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset="UTF-8">
<title>Music Player</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div class="music-container">
<div class="music-content">
// HTML content for music player UI
</div>
</div>
</body>
</html>
// Manifest.json
{
// Manifest information
}
This is how the extension looks: