mirror of
https://github.com/GoogleChrome/chrome-extensions-samples.git
synced 2026-03-26 13:19:49 +07:00
* Ignores archived samples * Uses eslint/recommended rules * Runs prettier and eslint (including --fix) pre-commit via husky * Adds new npm scripts: 'lint', 'lint:fix' and 'prettier' * Does not lint inline js code * Fix all prettier and eslint errors * Add custom prettier rules * Apply custom prettier rules * Update readme to explain how to setup the repo * addressed comments
25 lines
770 B
JavaScript
25 lines
770 B
JavaScript
// Initialize button with users' preferred color
|
|
const changeColor = document.getElementById('changeColor');
|
|
|
|
chrome.storage.sync.get('color', ({ color }) => {
|
|
changeColor.style.backgroundColor = color;
|
|
});
|
|
|
|
// When the button is clicked, inject setPageBackgroundColor into current page
|
|
changeColor.addEventListener('click', async () => {
|
|
const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
|
|
|
|
chrome.scripting.executeScript({
|
|
target: { tabId: tab.id },
|
|
func: 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;
|
|
});
|
|
}
|