boxStyles.js

const boxProps = {
  "1": {
    fill: "#c1f7b9",
    stroke: "#666",
    fontSize: 32
  },
  "2": {
    fill: "#8ee4af",
    stroke: "#666",
    fontSize: 32
  },
  "3": {
    fill: "#5cdb95",
    stroke: "#666",
    fontSize: 32
  },
  "5": {
    fill: "#379683",
    stroke: "#fff",
    fontSize: 32
  },
  "8": {
    fill: "#58c3a5",
    stroke: "#fff",
    fontSize: 32
  },
  "13": {
    fill: "#57ba98",
    stroke: "#fff",
    fontSize: 32
  },
  "21": {
    fill: "#3b945e",
    stroke: "#fff",
    fontSize: 32
  },
  "34": {
    fill: "#3a7250",
    stroke: "#fff",
    fontSize: 32
  },
  "55": {
    fill: "#fbe8a6",
    stroke: "#666",
    fontSize: 32
  },
  "89": {
    fill: "#fce181",
    stroke: "#666",
    fontSize: 32
  },
  "144": {
    fill: "#fccd81",
    stroke: "#666",
    fontSize: 28
  },
  "233": {
    fill: "#f3d250",
    stroke: "#fff",
    fontSize: 28
  },
  "377": {
    fill: "#c1e9f5",
    stroke: "#666",
    fontSize: 28
  },
  "610": {
    fill: "#a2bbf8",
    stroke: "#666",
    fontSize: 28
  },
  "987": {
    fill: "#7f91d8",
    stroke: "#fff",
    fontSize: 28
  },
  "1597": {
    fill: "#4879c7",
    stroke: "#fff",
    fontSize: 24
  },
  "2584": {
    fill: "#ff6c6c",
    stroke: "#fff",
    fontSize: 24
  },
  "4181": {
    fill: "#f57b77",
    stroke: "#fff",
    fontSize: 24
  },
  "6765": {
    fill: "#d35959",
    stroke: "#fff",
    fontSize: 24
  },
  "10946": {
    fill: "#b85a5a",
    stroke: "#fff",
    fontSize: 20
  }
}