How to change particle colour with react-particle-js

3.1k views Asked by At

I'm using react-particle-js and I can't seem to change the colour of the particles or the link lines, I'm using regular particle.js syntax because a lot of it is similar, can't find a solution in the docs either. Here's what I've got so far for the particle config:

const particleOpts = {
particles:{
    number:{
        value:150,
        density: {
            enable:true,
            value_area: 1000
        },
        "color": {
            "value": "#005496"
        }
    }
}
1

There are 1 answers

0
Shawn Andrews On BEST ANSWER

On the website with an example of the particles you can download the current config.

It says the color should be in particles not number as you have it.

particlesconfig.json

{
  "particles": {
    "number": {
      "value": 80,
      "density": {
        "enable": true,
        "value_area": 800
      }
    },
    "color": {
      "value": "#0000ff"
    },
    ....
}