read-only checkbx/mrk faded and act more read-only

Author: saegl5

web_src/css/form.css

@@ -41,6 +41,11 @@ textarea,
   color: var(--color-input-text);
 }
 
+.ui.read-only.checkbox label::before,
+.ui.read-only.checkbox input:checked ~ label::before {
+  opacity: var(--opacity-disabled);
+}
+
 input:hover,
 textarea:hover,
 .ui.input input:hover,
@@ -96,6 +101,11 @@ textarea:focus,
   color: var(--color-input-text);
 }
 
+.ui.read-only.checkbox input:focus ~ label::before,
+.ui.read-only.checkbox input:checked:focus ~ label::before {
+  border-color: var(--color-input-border);
+}
+
 .ui.form .field > label,
 .ui.form .inline.fields > label,
 .ui.form .inline.fields .field > label,
@@ -132,6 +142,10 @@ textarea:focus,
   color: var(--color-input-text);
 }
 
+.ui.read-only.checkbox input:checked ~ label::after {
+  opacity: var(--opacity-disabled);
+}
+
 .ui.radio.checkbox input:focus ~ label::after,
 .ui.radio.checkbox input:checked ~ label::after,
 .ui.radio.checkbox input:focus:checked ~ label::after {