fix: checkbox for panel_headerActiveToggleTitle

ipfs · Sep 19, 2018 · 602769e · 602769e
1 parent 9c823b8
commit 602769e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/add-on/src/options/forms/global-toggle-form.js b/add-on/src/options/forms/global-toggle-form.js
@@ -5,11 +5,11 @@ const browser = require('webextension-polyfill')
 const html = require('choo/html')
 
 function globalToggleForm ({ active, onOptionChange }) {
-  const toggle = onOptionChange('active')
+  const toggle = onOptionChange('active', checked => !checked)
   return html`
     <form class="dib mb3">
-      <label for="active" class="dib pa3 pointer ${!active ? 'bg-aqua-muted br2' : ''}">
-        <input class="mr2 pointer" id="active" type="checkbox" onchange=${toggle} checked=${active} />
+      <label for="active" class="dib pa3 pointer ${!active ? 'charcoal bg-gray-muted br2' : ''}">
+        <input class="mr2 pointer" id="active" type="checkbox" onchange=${toggle} checked=${!active} />
         ${browser.i18n.getMessage('panel_headerActiveToggleTitle')}
       </label>
     </form>