#added manifest

#added files for first test

#added manifest
a01d1cc3 · Alpi-Laptop · a47985ce · a01d1cc3 · a01d1cc3 · a01d1cc3
Commit a01d1cc3 authored 3 years ago by Alpi-Laptop
--- a/background.js
+++ b/background.js
+let color = '#3aa757';
+chrome.runtime.onInstalled.addListener(() => {
+    chrome.storage.sync.set({ color });
+    console.log('Default background color set to %cgreen', `color: ${color}`);
+});
\ No newline at end of file
--- a/button.css
+++ b/button.css
+button {
+    height: 30px;
+    width: 30px;
+    outline: none;
+    margin: 10px;
+    border: none;
+    border-radius: 2px;
+}
+button.current {
+    box-shadow: 0 0 0 2px white,
+    0 0 0 4px black;
+}
\ No newline at end of file
--- a/images/get_started128.png
+++ b/images/get_started128.png
--- a/images/get_started16.png
+++ b/images/get_started16.png
--- a/images/get_started32.png
+++ b/images/get_started32.png
--- a/images/get_started48.png
+++ b/images/get_started48.png
--- a/manifest.json
+++ b/manifest.json
@@ -2,5 +2,24 @@
  "name": "Getting Started Example",
  "description": "Build an Extension!",
  "version": "1.0",
-  "manifest_version": 3
+  "manifest_version": 3,
+  "background": {
+    "service_worker": "background.js"
+  },
+  "permissions": ["storage", "activeTab", "scripting"],
+  "action": {
+    "default_popup": "popup.html",
+    "default_icon": {
+      "16": "/images/get_started16.png",
+      "32": "/images/get_started32.png",
+      "48": "/images/get_started48.png",
+      "128": "/images/get_started128.png"
+    }
+  },
+  "icons": {
+    "16": "/images/get_started16.png",
+    "32": "/images/get_started32.png",
+    "48": "/images/get_started48.png",
+    "128": "/images/get_started128.png"
+  }
 }
\ No newline at end of file
--- a/popup.html
+++ b/popup.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link rel="stylesheet" href="button.css">
+    <title>DigitalME</title>
+</head>
+<body>
+<button id="changeColor"></button>
+<script src="popup.js"></script>
+</body>
+</html>
\ No newline at end of file
--- a/popup.js
+++ b/popup.js
+// When the button is clicked, inject setPageBackgroundColor into current page
+changeColor.addEventListener("click", async () => {
+    let [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
+    chrome.scripting.executeScript({
+        target: { tabId: tab.id },
+        function: setPageBackgroundColor,
+    });
+});
+// The body of this function will be executed as a content script inside the
+// current page
+function setPageBackgroundColor() {
+    chrome.storage.sync.get("color", ({ color }) => {
+        document.body.style.backgroundColor = color;
+    });
+}
\ No newline at end of file