feat: style disabled options, not just the field

Author: fent

src/css/chrome-options.css

@@ -314,6 +314,10 @@ body.show-tab-title .frame .mainview header {
   display: none;
 }
 
+.chrome-bootstrap .disabled {
+  opacity: 0.7;
+}
+
 .chrome-bootstrap .preview-container {
   position: relative;
   padding: 0 1em;

src/js/base.js

@@ -66,6 +66,7 @@ chrome.options.addOption = (key, value, save, option) => {
   if (option.hidden) {
     $option.classList.add('hidden');
   } else if (option.disabled) {
+    $option.classList.add('disabled');
     $option.querySelectorAll('input, select, textarea').forEach(($f) => {
       $f.setAttribute('disabled', true);
     });