more cleanup, and more debugging

css/style.css

@@ -4,7 +4,6 @@ a{outline:none}
 .content{display:flex;flex-flow: row wrap}
 #logo{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:10%;max-width:100px;height:10%;max-height:100px}
 .quadrant{position:relative;width:50%;height:50%}
-
 body{color:#9f9f9f}
 button{color:#303030;background-color:#cfcfcf}
 button:hover{color:#bebebe;background-color:#323234}
@@ -13,7 +12,6 @@ input[type="text"]:hover{background-color:#a6a6a6}
 polygon{fill:#cfcfcf}
 polygon:hover{fill:#a6a6a6}
 .icon{color:#303030}
-
 body.dark{color:#bebebe;background-color:#0c0c0d}
 body.dark button{color:#bebebe;background-color:#323234}
 body.dark button:hover{color:#303030;background-color:#cfcfcf}

js/options.js

@@ -15,6 +15,7 @@ function save_options() {
   }
   browser.storage.sync.set({links:links, colors:colors})
   console.log("Settings Saved ")
+  console.log(links, colors)
 }
 function restore_options() {
   var mode
@@ -88,6 +89,10 @@ function load() {
     inputs[i].addEventListener('input', debounce(save_options))
   }
   document.getElementById("mode").addEventListener("click", change_mode)
+  var icons = document.getElementsByClassName("icon")
+  for (var i = 0; i < icons.length; i++) {
+    icons[i].addEventListener("click", reset_default)
+  }
   restore_options()
 }
 document.addEventListener('DOMContentLoaded', load)