// /**
// * ---------------------------------------------------------------------------------
// * | 팝업 |
// * ---------------------------------------------------------------------------------
// **/
//
// // changeColor ID element 를 취득
// let changeColor = document.getElementById("changeColor");
//
// // 스토리지에 저장되어 있는 컬러가 있다면 표시
// chrome.storage.sync.get("color", ({ color }) => {
//   changeColor.style.backgroundColor = color;
// });
//
// // 배경색 버튼을 클릭하였을 경우 이벤트 등록
// changeColor.addEventListener("click", async () => {
//   let [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
//
//   chrome.scripting.executeScript({
//     target: { tabId: tab.id },
//     function: setPageBackgroundColor,
//   });
// });
//
// /**
//  * @description 현재 웹 페이지의 Body 요소의 배경색을 변경해주는 함수
//  **/
// function setPageBackgroundColor() {
//   chrome.storage.sync.get("color", ({ color }) => {
//     document.body.style.backgroundColor = color;
//   });
// }
//
// // document.getElementById('checkPage').addEventListener('click', () => {
//   chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
//     console.log("IN ACTIVE")
//     chrome.scripting.executeScript({
//       target: { tabId: tabs[0].id },
//       function: () => {
//         console.log("IN ACTIVE 2")
//         window.addEventListener('load', () => {
//           const title = document.title;
//           alert(`Page Title: ${title}\nPage Load Complete!`);
//         });
//       }
//     });
//   });
// // });