Ask / Submit

[feature-request] Darker shadow below battery/time/connection indicators

asked 2015-09-05 13:38:14 +0200

nthn gravatar image

updated 2015-09-15 21:00:22 +0200

raketti gravatar image

Currently the battery/time/connection indicators on the home screen are white with only a very slight shadow behind them, this means that they are almost completely invisible on light/bright ambiences. A slightly stronger/darker shadow would probably be better. Doesn't need to be as dark as in the Events screen but it definitely works well there.

EDIT: As a suggestion (and probably easy to implement in all text objects, not sure about icons) I'll leave this image to demonstrate a possible solution: White text with black outline

edit retag flag offensive close delete


While what the text in the image says is true, it doesn't look very good. :) I think a proper shadow setting or a subtle, transparent dark layer beneath the text is a better solution.

ssahla ( 2015-09-15 21:50:02 +0200 )edit

@ssahla - thus, it was just a suggestion. :) There are many like it, but this one, this one is mine. :) But I think there could be a gradient/shadow in the ambient colour behind the status icons and texts, it would play nicely to the overall theme and look.

raketti ( 2015-09-15 22:02:09 +0200 )edit

1 Answer

Sort by » oldest newest most voted

answered 2015-09-16 14:36:58 +0200

Ancelad gravatar image

Gradient is possible by patch or manual editing /usr/share/lipstick-jolla-home-qt5/statusarea/StatusBar.qml, find there

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

0.1 means opacity, 0,0,0 means black color. You can cnange opacity to 0.8 (for example) and your statusbar will be darker. Obviosly you can change Qt.rgba(0,0,0,0.1) to another value, such as Theme.primaryColor (for example)

edit flag offensive delete publish link more


Is it possible to add transparency to Theme.primaryColor?

AliN ( 2015-09-16 15:06:30 +0200 )edit

Theme.primaryColor is white, isn't it? I prefer to use volume slider foreground or background which are Theme.secondaryHighlightColor and Theme.highlightDimmerColor, respectively.

AliN ( 2015-09-16 15:22:54 +0200 )edit

You can easy convert any color into rgba-format, for example (255,0,0) is red.

Ancelad ( 2015-09-16 16:03:42 +0200 )edit

@Ancelad, sure I know that, but I want the color to be based on the ambience.

AliN ( 2015-09-16 23:40:51 +0200 )edit

Try to play with opacity-string under gradient. Be careful :)

Ancelad ( 2015-09-17 12:06:20 +0200 )edit
Login/Signup to Answer

Question tools



Asked: 2015-09-05 13:38:14 +0200

Seen: 786 times

Last updated: Sep 16 '15