removed color/url icons

css/options.css

@@ -13,7 +13,7 @@ button:hover{cursor:pointer}
 button svg{display:inline;vertical-align:middle}
 #mode{position:absolute;top:calc(50% + 75px);left:0;right:0;margin:auto}
 input[type="text"]{height:48px;width:80%;max-width:400px;padding:0;border:0;line-height:48px;text-align:center;font-size:18px}
-input[type="color"]{height:70px;width:70px;outline:none}
+input[type="color"]{height:50px;width:50px;outline:none}
 input[type="color"]:hover{cursor:pointer}
 a{outline:none}
 input{outline:none}

options.html

@@ -13,41 +13,33 @@
     <div class="content">
       <div class="quadrant" id="quad1">
         <div class="row">
-          <svg class="icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg>
           <input type="text" spellcheck="false" tabindex="1" />
         </div>
         <div class="row">
-          <svg class="icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path><path d="M13 13l6 6"></path></svg>
           <input type="color" value="#cfcfcf" />
         </div>
       </div>
       <div class="quadrant" id="quad2">
         <div class="row">
-          <svg class="icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg>
           <input type="text" spellcheck="false" tabindex="1" />
         </div>
         <div class="row">
-          <svg class="icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path><path d="M13 13l6 6"></path></svg>
           <input type="color" value="#cfcfcf" />
         </div>
       </div>
       <div class="quadrant" id="quad3">
         <div class="row">
-          <svg class="icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg>
           <input type="text" spellcheck="false" tabindex="1" />
         </div>
         <div class="row">
-          <svg class="icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path><path d="M13 13l6 6"></path></svg>
           <input type="color" value="#cfcfcf" />
         </div>
       </div>
       <div class="quadrant"  id="quad4">
         <div class="row">
-          <svg class="icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg>
           <input type="text" spellcheck="false" tabindex="1" />
         </div>
         <div class="row">
-          <svg class="icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path><path d="M13 13l6 6"></path></svg>
           <input type="color" value="#cfcfcf" />
         </div>
       </div>