diff --git a/icons/credits b/icons/credits index 5eec05e8..4f46de8c 100644 --- a/icons/credits +++ b/icons/credits @@ -19,3 +19,7 @@ CC0 copy-dark.svg, copy-light.svg (edited) https://www.svgrepo.com/svg/76619/copy CC0 + +restore.svg +https://www.svgrepo.com/svg/53536/return +CC0 \ No newline at end of file diff --git a/icons/restore.svg b/icons/restore.svg new file mode 100644 index 00000000..a36a4a63 --- /dev/null +++ b/icons/restore.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/pages/options/options.js b/pages/options/options.js index c26ede6d..1c104139 100644 --- a/pages/options/options.js +++ b/pages/options/options.js @@ -139,6 +139,9 @@ options._renderOptionsPanel = function () { document.getElementById('export-data').addEventListener('click', storageManager.export); document.getElementById('import-data').addEventListener('click', storageManager.startImportFilePicker); document.getElementById('import-file-picker').addEventListener('change', storageManager.handleImportFilePicker); + + document.getElementById('restore-background-color').addEventListener('click', options._setDefaultColor); + document.getElementById('restore-text-color').addEventListener('click', options._setDefaultColor); }; options._renderBlockMissingNotice = function () { @@ -382,6 +385,22 @@ options._colorPicker = function () { }); }; +options._setDefaultColor = function ({ target }) { + if (target.id === 'restore-text-color') { + options._textColor = '#FFFFFF'; + wrappers.setBadgeTextColor({color: options._textColor}); + document.getElementById('counter-preview-badge').style.color = options._textColor; + document.getElementById('pre-badged-text-color').style.backgroundColor = options._textColor; + document.getElementById('badged-text-color').value = options._textColor; + } else if (target.id === 'restore-background-color') { + options._backgroundColor = '#4A826C'; + wrappers.setBadgeBackgroundColor({color: options._backgroundColor}); + document.getElementById('counter-preview-badge').style.backgroundColor = options._backgroundColor; + document.getElementById('pre-badged-background-color').style.backgroundColor = options._backgroundColor; + document.getElementById('badged-background-color').value = options._backgroundColor; + + } +}; /** * Event Handlers