checkbox checked (+colors)

ds-ml-css/components/radio-button-checkbox.scss

@@ -100,13 +100,18 @@
     /* Show the indicator (dot/circle) when checked */
     &:checked ~ .radio-wrapper .radiomark:after {
       display: block;
-      background: var(--ml-radio-checked-color);
+      background: var(--ml-radio-checkbox-checked-color);
     }
 
     /* Show the checkmark when checked */
     &:checked ~ .checkbox-wrapper .checkmark:after {
       display: block;
-      background: var(--ml-main);
+      background: var(--ml-radio-checkbox-checked-color);
+      border: 1px solid var(--ml-radio-checkbox-checked-color);
+      border-radius: var(--ml-small-px);
+      position: relative;
+      top: -1px;
+      left: -1px;
     }
   }
 
@@ -284,6 +289,10 @@
   background: var(--ml-disabled);
 }
 
+.checkbox input:disabled ~ .checkbox-wrapper .checkmark:after {
+  border-color: var(--ml-disabled);
+}
+
 .rich-radio-button:has(input:disabled) {
   border: var(--ml-border-light);
   color: var(--ml-disabled);