Adding checkbox for sRGB SkColor flag

debugger/res/imp/app.html

 <!-- The <debugger-app-sk> custom element declaration.
 
 The main application element for the Skia Debugger.
 
   Attributes:
     None.
 
   Events:
     None.
 
@@ skipping 83 matching lines @@
     #colorBreakPoint {
       margin-left: 3em;
     }
 
     #download {
       margin: 0 3em;
       color: #1f78b4;
     }
 
     dbg-info-sk,
+    #srgbMode,
     #clip {
       margin-left: 3em;
       margin-bottom: 1em;
       display: block;
     }
 
     paper-radio-button {
       margin-left: 3em;
       margin-bottom: 1em;
       padding: 0;
@@ skipping 76 matching lines @@
           <div id=right class="layout vertical flex-2">
             <details-sk open>
               <summary-sk>
                 Color Mode
               </summary-sk>
               <paper-radio-group class="layout vertical" on-paper-radio-group-changed="_colorModeChange" id=colorMode selected="[[_cmd.colorMode]]">
                 <paper-radio-button name="0">Linear 32-bit (Legacy)</paper-radio-button>
                 <paper-radio-button name="1">sRGB 32-bit</paper-radio-button>
                 <paper-radio-button name="2">Linear half-precision float</paper-radio-button>
               </paper-radio-group>
+              <paper-checkbox id=srgbMode checked="{{_isTrue(_cmd.srgbMode)}}" on-tap="_srgbMode">Treat SkColor as sRGB</paper-checkbox>
             </details-sk>
             <details-sk open>
               <summary-sk>
                 Clip and Matrix
               </summary-sk>
               <paper-checkbox id=clip on-tap="_clipHandler">Show Clip</paper-checkbox>
               <dbg-info-sk info="{{ info }}"></dbg-info-sk>
             </details-sk>
 
             <details-sk id=batchBoundsLegend class=hidden>
@@ skipping 182 matching lines @@
         }
         sk.post("/colorMode/" + e.target.selected, "").then(function() {
           // Reloads the image and the JSON for all the commands.
           this._refreshPage();
         }.bind(this)).catch(function(err) {
           this.$.colorMode.selected = 0;
           sk.errorMessage(err);
         }.bind(this));
       },
 
+      _srgbMode: function(e) {
+        // Ignore if this._cmd hasn't been loaded yet.
+        if (!this._cmd) {
+          return
+        }
+        // Don't do anything if the toggle and the mode already agree.
+        if (this.$.srgbMode.checked === this._cmd.srgbMode) {
+          return
+        }
+        sk.post("/srgbMode/" + (this.$.srgbMode.checked ? 1 : 0), "").then(function() {
+          // Reloads the image and the JSON for all the commands.
+          this._refreshPage();
+        }.bind(this)).catch(function(err) {
+          this.$.srgbMode.checked = !this.$.srgbMode.checked;
+          sk.errorMessage(err);
+        }.bind(this));
+      },
+
       _gpuChange: function(e) {
         // Ignore if this._cmd hasn't been loaded yet.
         if (!this._cmd) {
           return
         }
         // Don't do anything if the toggle and the mode already agree.
         if (e.target.checked == (this._cmd.mode == "gpu")) {
           return
         }
         sk.post("/enableGPU/" + (e.target.checked ? 1 : 0), "").then(function() {
@@ skipping 194 matching lines @@
             prefixes.pop();
             commands[i]._depth = depth;
             commands[i]._prefix = prefixes.slice();
           }
         }
         return cmd;
       }
     });
   })();
 </script>