diff --git a/css/stylesheet.css b/css/stylesheet.css index 4ae3baf..8121b06 100644 --- a/css/stylesheet.css +++ b/css/stylesheet.css @@ -176,3 +176,7 @@ input[type="file"] { width: 100px; } font-size: 0.9rem; margin-right: 10px; } + +#bottomBtnList > button { + width: 150px; +} diff --git a/html/settings.html b/html/settings.html index 9d9aca6..b8ef6ff 100644 --- a/html/settings.html +++ b/html/settings.html @@ -127,7 +127,10 @@ - +
+ + +
diff --git a/js/settings.js b/js/settings.js index 9c538e7..48feb2e 100644 --- a/js/settings.js +++ b/js/settings.js @@ -22,6 +22,7 @@ const chromeURLs = chrome.runtime.getManifest().optional_host_per movingBackground = document.getElementById('movingBackground'), backgroundPicker = document.getElementById('backgroundPicker'), chromeUIBgPicker = document.getElementById('chromeUIBgPicker'), + resetBtn = document.getElementById('resetBtn'), saveBtn = document.getElementById('saveBtn'); function printLog(message) { @@ -111,6 +112,24 @@ chromeUIBgPicker.onchange = async () => { chromeUIBgName.innerText = chromeUIBgFile.name; }; +// reset options +resetBtn.onclick = () => { + chromeUI.checked = false; + movingBackground.checked = true; + blurRadiusSlider.value = 0; + blurRadiusPercent.innerText = `${blurRadiusSlider.value}px`; + chromeUIBlurRadiusSlider.value = 0; + chromeUIBlurRadiusPercent.innerText = `${chromeUIBlurRadiusSlider.value}px`; + menuBlurRadiusSlider.value = 5; + menuBlurRadiusPercent.innerText = `${menuBlurRadiusSlider.value}px`; + UIOpacitySlider.value = 50; + UIOpacityPercent.innerText = `${UIOpacitySlider.value}%` + chromeUIOpacitySlider.value = 50; + chromeUIOpacityPercent.innerText = `${chromeUIOpacitySlider.value}%` + menuOpacitySlider.value = 50; + menuOpacityPercent.innerText = `${menuOpacitySlider.value}%`; +} + // save changes saveBtn.onclick = async () => { saveBtn.disabled = true;