accent color for checkboxes

zero.Backoffice.UI/app/editor/compile.ts

@@ -82,9 +82,18 @@ export interface ZeroCompiledEditorField
 
 export function compileField(zero: Zero, editor: ZeroEditor, field: ZeroEditorField): ZeroCompiledEditorField | undefined
 {
-  const component = markRaw(field.customComponent || zero.getFieldTypeComponent(field.fieldType));
+  let component = null;
 
-  if (!component)
+  try
+  {
+    component = markRaw(field.customComponent || zero.getFieldTypeComponent(field.fieldType));
+
+    if (!component)
+    {
+      return undefined;
+    }
+  }
+  catch
   {
     return undefined;
   }

zero.Backoffice.UI/app/styles/Core/_forms.scss

@@ -212,6 +212,19 @@ textarea
     }
   }
 
+  &.is-accent
+  {
+    input:checked ~ &
+    {
+      background: var(--color-accent);
+
+      &:before
+      {
+        color: var(--color-accent-fg);
+      }
+    }
+  }
+
   .ui-native-check.is-right &
   {
     margin-left: 10px;