docs: update README to include color customization options for useTextComparison hook

Author: chhakuli123

README.md

@@ -14,4 +14,52 @@ export const CompareText = () => {
   )
 }
 ```
+## Customizing the `useTextComparison` Hook
+The `useTextComparison` hook now allows you to customize the colors used to highlight common, removed, and added words when comparing two texts.
 
+```js
+import { useTextComparison } from 'text-compare';
+
+const TextDiffer = () => {
+  const text1 = 'The quick brown fox jumps over the lazy dog';
+  const text2 = 'The quick blue fox leaps over the happy dog';
+
+  // Define custom colors for comparison
+  const customColors = {
+    commonColor: '#1E90FF',    // DodgerBlue for common words
+    removedColor: '#FF6347',   // TomatoRed for removed words
+    addedColor: '#32CD32',     // LimeGreen for added words
+  };
+
+  // Pass custom colors to the hook
+  const { comparisonResult, similarity } = useTextComparison(text1, text2, customColors);
+
+  return (
+    <div>
+      <div className='comparison'>{comparisonResult}</div>
+      <div>Similarity: {similarity.toFixed(2)}%</div>
+    </div>
+  );
+};
+
+export default TextDiffer;
+
+```
+
+## Available Customization Options
+When using the useTextComparison hook, you can pass an optional object to customize the colors:
+
+- **commonColor** (default: "gray"): Color for common words between the two texts.
+- **removedColor** (default: "red"): Color for words that are in text1 but not in text2.
+- **addedColor** (default: "green"): Color for words that are in text2 but not in text1.
+
+### Example Customization:
+
+```js
+const customColors = {
+  commonColor: '#1E90FF',   // DodgerBlue for common words
+  removedColor: '#FF6347',  // TomatoRed for removed words
+  addedColor: '#32CD32',    // LimeGreen for added words
+};
+```
+These options allow for more flexible styling to match the look and feel of your project.