We have moved to a new Sailfish OS Forum. Please start new discussions there.

Some ambiences make the Home-Status not well visible

asked 2016-10-07 11:35:37 +0300

cemoi71 gravatar image

updated 2018-05-03 13:35:56 +0300

Hello everybody,

i remarked that with some ambiances the status icons and clock are not so visible with the Lime, snow white and Aloe ambiances.
The Ambiances are on top so clear, that with the white color of the status we could not see it.
It is for me really difficult for those ambiences to check the clock, the bluetooth, the 3g icon and the reception one

Is it possible to make for those ambiances an other status color or on the ambiances directly a darker band smoothly ( with a kind of darker scaled band with some transparency)?

Here i give some screenshot. They are bigger here than on a device screen, so that status bar is more visible than reality:

image description

image description

image description

Still actual by v

Have good sail all. Cheers

edit retag flag offensive close delete



@cemoi71, I took the liberty of reducing your images, making the page load quicker, especially for mobile users :)

Spam Hunter ( 2016-10-10 02:02:59 +0300 )edit

@Markkyboy that's all fine...
I didn't thought about it. thank you very much

cemoi71 ( 2016-10-10 10:13:10 +0300 )edit

Another attempt at finding some middle ground for status bar dimming; using Theme.highlightDimmerColor and transparency, allowing the theme wallpaper to still be seen, not perfect and not greatly different from the normal gradient, but this uses a little splash of 'theme colour'.....apparently ;)

I've played about til the wee hours of the morning and this is the best I've come up with so far! :D

Side by side as a comparison (mine, then yours)...

image descriptionimage description

image descriptionimage description

image descriptionimage description

Certainly more readable, but not exactly ......attractive?

Okay, to follow on, as requested....still working on the same file (StatusBar.qml).

Line 19 of StatusBar.qml originally looks like this;

    height: baseY + statusArea.height

We need to change the line to this;

    height: baseY + statusArea.height * 1.5

Now to the gradient area of StatusBar.qml, (line 29) which originally looks like this;

    gradient: Gradient {
        GradientStop { position: 0; color: Qt.rgba(0,0,0,0.1) }
        GradientStop { position: 1; color: "transparent" }

Needs to look this....

    gradient: Gradient {
          GradientStop { position: 0.0; color: Theme.rgba(Theme.highlightDimmerColor, 1.0) }
          GradientStop { position: 0.4; color: Theme.rgba(Theme.highlightDimmerColor, 0.8) }
          GradientStop { position: 0.8; color: Theme.rgba(Theme.highlightDimmerColor, 0.4) }
          GradientStop { position: 1.0; color: "transparent" }
Spam Hunter ( 2016-10-10 17:18:40 +0300 )edit

Why, sure! The point is, those images were built for SFOS 1.0 initially, where everything was a bit different. :) Now, as we have all that tiny information gathered at the top, the background images need to be prepared, too. It would be marvellous if we could get modifications like yours via system update.

lakutalo ( 2016-10-10 17:48:31 +0300 )edit

@Markkyboy seems to be interesting. Looks good. But that is a little bit complicated to represent me what you've changed on parameters.
could you please bring the values that you have used/changed. Maybe in a form that we could compare the left pic with the right one? (for example... pic left val1=N val2=n2 vs pic right Val1=n1 val2=2).
I would like use the same parameters as yours later. I noticed that feeling take an other form on a desktop display , comparing to the device one.

Otherwise, seems that the snow white got a status bar shadow with a light blue-pitch right?
I didn't knew that you are still on experimenting on it.
I think i'll give here what i experimented on my side, which satisfied me

cemoi71 ( 2016-10-10 18:07:56 +0300 )edit

1 Answer

Sort by » oldest newest most voted

answered 2016-10-07 15:19:52 +0300

Spam Hunter gravatar image

updated 2016-10-07 15:48:25 +0300

Kind of opposite to what you are asking, but still applicable to your question, see here;


Here's how I did it;

Line 29 of /usr/share/lipstick-jolla-home-qt5/statusarea/StatusBar.qml

            GradientStop { position: 0; color: Qt.rgba(0,0,0,0.1) }
            GradientStop { position: 1; color: "transparent" }

Before image description

Change the end figure of the top line only, so it looks like this;

            GradientStop { position: 0; color: Qt.rgba(0,0,0,0.7) }
            GradientStop { position: 1; color: "transparent" }

After image description

edit flag offensive delete publish link more


@Markkyboymany thx for your link! seems that we have the same interest... :-)
Your screenshot with gradient is the best representative solution that i thought and wish.
I thik a An other status color could not make the trick. But is still an alternative
Didn't you make a thread for this?
May i ask you if you could put your screenshot with gradient in your answer?
I find the gradient like in your screenshot really chic.

cemoi71 ( 2016-10-07 15:48:24 +0300 )edit

Cool thanks. we could imagine a new parameter in each ambience for having this gradient or not... material for a new thread as request....

cemoi71 ( 2016-10-07 15:59:49 +0300 )edit

I read your question again. I realise you're asking for this to occur only with some ambiences, especially the lighter ones. The Snow White theme (your second image) still is not very readable with the extra gradient applied. I don't know what the answer is in that case.

Spam Hunter ( 2016-10-07 16:00:52 +0300 )edit

do you means in reaction with my last comment?
Could you provide an example with snow-white with gradient... i can't imagine myself that it don't work...

cemoi71 ( 2016-10-07 16:14:53 +0300 )edit

Wait @Markkyboy until now i just paid attention on your screenshot, but not of your code part...
Does it means that it is possible at any time to arrange it on our own device???

cemoi71 ( 2016-10-07 16:25:43 +0300 )edit
Login/Signup to Answer

Question tools



Asked: 2016-10-07 11:35:37 +0300

Seen: 358 times

Last updated: May 03 '18