Issue 5632 - Use checkboxes for toggling acceptable ads

skin/desktop-options.css

 /*
  * This file is part of Adblock Plus <https://adblockplus.org/>,
  * Copyright (C) 2006-present eyeo GmbH
  *
  * Adblock Plus is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License version 3 as
  * published by the Free Software Foundation.
  *
  * Adblock Plus is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ skipping 77 matching lines @@
 ul
 {
   margin: 0rem;
 }
 
 [aria-hidden="true"]
 {
   display: none !important;
 }
 
-[aria-disabled="true"]

[ire, 2017/10/18 17:48:45]

There's already a set of styles applied to disabled checkbox buttons below
(which is slightly different to what you have here)

You can extend that one by adding this selector to it.

The selector is `button[role="checkbox"][disabled]` (line 183)

[saroyanm, 2017/10/19 20:41:59]

Great idea, done.

-{
-  background-color: #BBB !important;
-  background-image: none !important;
-}
-
 input[type="text"],
 input[type="url"],
 textarea,
 main
 {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 
@@ skipping 59 matching lines @@
 {
   background-image: url(icons/checkbox.png);
   display: inline-block;
 }
 
 button[role="checkbox"][aria-checked="true"]:not(.toggle)
 {
   background-position: 0px 18px;
 }
 
-button[role="checkbox"][disabled]
+button[role="checkbox"][disabled],
+button[role="checkbox"][aria-disabled="true"]
 {
   border-radius: 2px;
   background-color: #ccc;
 }
 
 button[role="checkbox"].toggle
 {
   background: url(icons/toggle.svg#on);
 }
 
@@ skipping 1257 matching lines @@
 
 #hide-notification::after
 {
   background-color: #099DD1;
 }
 
 #hide-notification:hover::after
 {
   background-color: #5CBCE1;
 }