diff --git a/Content.js b/Content.js index ea39c2a..bc5a7e7 100644 --- a/Content.js +++ b/Content.js @@ -1,13 +1,24 @@ -let blackSquare = "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSU8u8tpVE9yl1Jj0L81O7deRDfyW-yOXX-Kw&s" +// Toggle class name for all tags of specified type +const toggleClass = (className, tag="img") => { + console.log("Everyday I'm toggling...") + const tags = document.getElementsByTagName(tag) + for (tag of tags) { + tag.classList.toggle(className) + } +} + +// Default settings go here +const setDefault = () => { + toggleClass("blackout") +} + +// Add default settings classes const observer = new MutationObserver(() => { - const images = document.getElementsByTagName("img"); - for (let img of images) { - img.src = blackSquare; - } -}); + setDefault() +}) observer.observe(document.body, { childList: true, subtree: true -}); +}) \ No newline at end of file diff --git a/manifest.json b/manifest.json index 78ae1ea..4107430 100644 --- a/manifest.json +++ b/manifest.json @@ -3,10 +3,16 @@ "name": "DarkScroll", "version": "1.0.0", "description": "Removes YouTube video thumbnails to reduce scrolling temptation.", + "permissions": ["tabs", "scripting"], + "host_permissions": ["https://www.youtube.com/*"], + "action": { + "default_popup": "popup.html" + }, "content_scripts": [ { - "matches": ["https://www.youtube.com/"], - "js": ["Content.js"] + "matches": ["https://www.youtube.com/*"], + "js": ["Content.js"], + "css": ["darkscroll.css"] } ] }