UX improvements 3. The highlighting was making the text very hard to see in dark mode

Author: kevinwang5658

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codifycli/ink-form",
   "type": "module",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "Complex user-friendly form component for Codify",
   "main": "lib/index.js",
   "exports": "./lib/index.js",

src/Form.tsx

@@ -158,7 +158,7 @@ export const Form: React.FC<FormProps> = props => {
               {!editingField && (
                 <Box flexDirection='column'>
                   <Box marginLeft={1} marginTop={1}>
-                    <Text bold>{sections[currentTab].title}</Text>
+                    <Text bold backgroundColor='magentaBright'>{sections[currentTab].title}</Text>
                   </Box>
                   <Text>{' {'}</Text>
                 </Box>

src/FormFieldRenderer.tsx

@@ -64,7 +64,7 @@ export const FormFieldRenderer: React.FC<FormFieldRendererProps<any>> = props =>
     return (
       <Box paddingX={1}>
         <Box flexGrow={1}>
-          <Text backgroundColor={isFocused ? 'magentaBright' : undefined}>
+          <Text >
             <Text>
               {`${isFocused ? '> ' : '  '}${(props.field.label ?? props.field.name)}`}
             </Text>