Color customization

[Nevaan]

Hi,

Is rebuilding whole project the only way to change dot colors? It tried to overwrite keyframes (in my case, the dot-pulse one) but it seems to change only middle dot color - the one before and after looks to stay violet. I cant see any other property I could change

Best regards

[grogy]

Are you using Sass for change it? Example for colors is in readme https://github.com/nzbin/three-dots#customization

[nh916]

it would be really nice to change colors with a css variable or something instead of having to recompile the whole project every time

[n8bitsats]

I don't have _variables.scss in my project folder, how do I change the color???

[nzbin]

I don't have _variables.scss in my project folder, how do I change the color???

In you use the dart sass, you can customize the dot in the following way.

v0.2.x

@use 'three-dots/sass/three-dots' with (
  $dot-width: 20px,
  $dot-height: 20px,
  ...
);

v0.3.x

@use 'three-dots' with (
  $dot-width: 20px,
  $dot-height: 20px,
  ...
);