Add checkbox props and clause colors

netdata · Dec 17, 2024 · e886ce2 · e886ce2
1 parent 839d545
commit e886ce2
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/src/components/checkbox/checkbox.js b/src/components/checkbox/checkbox.js
@@ -11,6 +11,7 @@ export const Checkbox = forwardRef(
       checked,
       disabled,
       iconProps,
+      checkboxProps = {},
       indeterminate,
       Label = Text,
       label,
@@ -55,7 +56,7 @@ export const Checkbox = forwardRef(
             {...(indeterminate && { "data-indeterminate": true })}
             data-checked={checked}
           />
-          <StyledCheckbox data-testid="styled-checkbox" disabled={disabled}>
+          <StyledCheckbox data-testid="styled-checkbox" disabled={disabled} {...checkboxProps}>
             {(!!checked || !!indeterminate) && (
               <Icon
                 disabled={disabled}

diff --git a/src/theme/dark/colors.js b/src/theme/dark/colors.js
@@ -139,6 +139,10 @@ const appColors = {
   terminalGreenBorder: rawColors.green.green60,
   darkBackground: rawColors.neutral.grey05,
   integrationMenuItemHover: rawColors.green.green20,
+
+  //Dynamic rooms
+  clauseBg: rawColors.neutral.grey90,
+  clauseText: rawColors.neutral.white,
 }
 
 export default {

diff --git a/src/theme/default/colors.js b/src/theme/default/colors.js
@@ -138,6 +138,10 @@ const appColors = {
   terminalGreenBorder: rawColors.green.green,
   darkBackground: rawColors.neutral.grey195,
   integrationMenuItemHover: rawColors.neutral.grey180,
+
+  //Dynamic rooms
+  clauseBg: rawColors.neutral.grey180,
+  clauseText: rawColors.neutral.grey100,
 }
 
 export default {