Import multicolor text characters

[ibrahimpenekli]

Figma returns colors for each characters in the text component if it has multiple color. So we can import them.

{
  "id": "86:14",
  "name": "Roboto Black Italic",
  "type": "TEXT",
  "scrollBehavior": "SCROLLS",
  "blendMode": "PASS_THROUGH",
  "absoluteBoundingBox": {
    "x": 563,
    "y": 464,
    "width": 140,
    "height": 28
  },
  "absoluteRenderBounds": {
    "x": 563.03515625,
    "y": 467.98828125,
    "width": 140.94140625,
    "height": 18.29296875
  },
  "constraints": {
    "vertical": "TOP",
    "horizontal": "LEFT"
  },
  "fills": [
    {
      "blendMode": "NORMAL",
      "type": "SOLID",
      "color": {
        "r": 0,
        "g": 0,
        "b": 0,
        "a": 1
      }
    }
  ],
  "strokes": [],
  "strokeWeight": 1,
  "strokeAlign": "OUTSIDE",
  "effects": [],
  "characters": "Roboto Black",
  "style": {
    "fontFamily": "Roboto",
    "fontPostScriptName": "Roboto-BlackItalic",
    "italic": true,
    "fontWeight": 900,
    "textAutoResize": "WIDTH_AND_HEIGHT",
    "fontSize": 24,
    "textAlignHorizontal": "LEFT",
    "textAlignVertical": "TOP",
    "letterSpacing": 0,
    "lineHeightPx": 28.125,
    "lineHeightPercent": 100,
    "lineHeightUnit": "INTRINSIC_%"
  },
  "layoutVersion": 3,
  "characterStyleOverrides": [
    68,
    68,
    68,
    68,
    68,
    68,
    68,
    40,
    40,
    40,
    40,
    40
  ],
  "styleOverrideTable": {
    "40": {
      "fills": [
        {
          "blendMode": "NORMAL",
          "type": "SOLID",
          "color": {
            "r": 0,
            "g": 0,
            "b": 0,
            "a": 1
          }
        },
        {
          "blendMode": "NORMAL",
          "type": "SOLID",
          "color": {
            "r": 1,
            "g": 0,
            "b": 0,
            "a": 1
          }
        }
      ]
    },
    "68": {
      "fills": [
        {
          "blendMode": "NORMAL",
          "type": "SOLID",
          "color": {
            "r": 0,
            "g": 0.039999961853027344,
            "b": 1,
            "a": 1
          }
        }
      ]
    }
  },
  "lineTypes": [
    "NONE"
  ],
  "lineIndentations": [
    0
  ]
}

[ibrahimpenekli]

ref: https://forum.unity.com/threads/fixed-change-color-of-individual-characters-in-textmeshpro-text-ui.1278845/