Как в Qt QML сделать фишки для пятнашек (5*5) разного цвета?

В программе нужно реализовать фишки 3х цветов по 5 штук и блокировочные фишки , выбрала черный цве,6 штук. Не выходит сделать разные цвета правильно. Пустые клетки нужны в кол-ве 4 штук.пока только одна.возможно нужек вектор из них. Помогите разобратся хотя бы с цветами.Пока они привязаны к значению текста.

import QtQuick 2.0

Rectangle {
    id: root
  property alias internalText: valueText
//color:"red"
    property color normalColor: "red"
    property color hoverColor: "green"
     property color pressColor: "blue"
    property color blokedColor: "black"

    border.color: "black"
    border.width: 1
    radius: 5
   // onColorChanged:

   color: {
       var color = normalColor

       if(display%4==0)
              color = blokedColor

       if(display%9==0)
           color = hoverColor
      if(display%5==0)
           color = pressColor
                  return color
    }
   Text {
        id: valueText
        text: "1"

        font.bold: true
        font.pointSize: root.height * 0.33

        anchors.centerIn: root
    }
}

import QtQuick 2.0
import Game 1.0

GridView {
    id: root

    cellHeight: height / root.model.dimension
    cellWidth: width / root.model.dimension

    interactive: false

    delegate: Item {
        id: _backgroundDelegate
        width: root.cellWidth
        height: root.cellHeight

        visible: root.model.hiddenElementValue !== display

        Tile {

            anchors.fill: _backgroundDelegate
            anchors.margins: 5

            internalText.text: display.toString()

            MouseArea {
                anchors.fill: parent
                enabled: !isDisable
                 hoverEnabled: true
                onClicked: {
                    root.model.move(index)
                }
            }
        }
    }

    GameController_qml{
        id: _gameController
    }

    Component.onCompleted: {
        root.model =  _gameController.getModel();
    }
}