[sdk] MainView background doesn't have the correct color when set to a light color

[londumas]

If on a Page, you set a background to a yellow based color like "yellow" and you set also a button and a rectangle to the same color, you can see that the color of the background isn't the good one. Compare the color here: http://www.colorhexa.com/ffff00 to the color of the background of the attached picture. When you do the same for other colors like "black", "green", "blue" everything is perfect.

See attached code and screenshot.

[edit] the button and the rectangle are only here to show you the color difference. But the problem is still true only with the background: the color isn't the required one.

[londumas (helion331990)]

here the scrrenshot

[Tim Peeters (tpeeters)]

With this code you can see that "yellow" (or #ffff00) is different in a MainView and a Rectangle:

import QtQuick 2.2
import Ubuntu.Components 1.1

MainView {
    id: mainView
    property string color: "yellow"
    backgroundColor: "#ffff00"

    width: units.gu(100)
    height: units.gu(75)

    Page {
        title: i18n.tr("Simple")

        Rectangle {
            anchors.centerIn: parent
            color: "yellow"
            width: 100
            height: 100
        }

        Column {
            spacing: units.gu(1)
            anchors {
                margins: units.gu(2)
                fill: parent
            }

            Button {
                id: button1
                text: i18n.tr("Tap me!")
                color: mainView.color
                onClicked: print(mainView.backgroundColor, button1.color)
            }
            Rectangle{
                width: units.gu(10)
                height: units.gu(10)
                color: mainView.color
            }
        }
    }
}

[Tim Peeters (tpeeters)]

to reproduce:

import QtQuick 2.2
import Ubuntu.Components 1.1

MainView {
    id: mainView
    property string color: "white"
    backgroundColor: color

    width: units.gu(100)
    height: units.gu(75)

    Page {
        title: i18n.tr("Simple")

        Rectangle {
            anchors.centerIn: parent
            color: mainView.color
            width: 100
            height: 100
        }
    }
}

[Tim Peeters (tpeeters)]

MainViewStyle has a backgroundSource property which refers to an image which is drawn over the background color. Removing that fixes the issue.

Design, do we want to always draw this background (paper) texture?

[Jouni Helminen (jounihelminen)]

"MainViewStyle has a backgroundSource property which refers to an image which is drawn over the background color. Removing that fixes the issue.

Design, do we want to always draw this background (paper) texture?"

Let's remove any paper texture if it's still there please

[Tim Peeters (tpeeters)]

This is fixed in UITK 1.3.