Summary

This pull request resolves issue #156 by adding the ability to customize the colors of the DNA loader component directly via props. Previously, the colors were hardcoded, forcing users to rely on CSS overrides.

Changes

• Introduced dnaColorOne and dnaColorTwo props: The DNA component now accepts two optional string props to set the colors of the DNA strands.
• Dynamic Animation Colors: To ensure the animation looks great with any color, this PR adds the tinycolor2 library. It dynamically generates the intermediate frame of the color animation, preserving the original aesthetic (one color brightens, the other fades).
• Removed Hardcoded Colors: All hardcoded fill colors in the SVG have been replaced with the new props.
• Added New Dependency: tinycolor2 is now a dependency.

How to Use

The new props make customization simple and declarative.

Before:

// No way to change colors without CSS
<DNA />

Now:

<DNA
  dnaColorOne="#3056D3" // A custom blue
  dnaColorTwo="#E52727" // A custom red
/>