CODEWITHSUNDEEP
reactjsparticle.js
Killian C
Killian C

Reputation: 73

How to change particle colour with react-particle-js

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"
        }
    }
}

Upvotes: 1

Views: 3135

Answers (1)

Shawn Andrews
Shawn Andrews

Reputation: 1442

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"
    },
    ....
}

Upvotes: 3

Related Questions