Thread: Show yor MeeGo / Harmattan screenshots
View Single Post
wook_sf's Avatar
wook_sf is offline wook_sf
2012-07-18 , 13:41
Posts: 640 | Thanked: 435 times | Joined on Oct 2011 @ rajvoSa BA
#1
Since I didn't saw thread similar to this, and since there's some theme workarounds and things for Harmattan, I've decided to start one.
Here's how my phone look alike.
I use HomeScreen Settings app, and I've modified statusarea.css and constants.ini in /usr/share/themes/
so, here it is:

(file posted on deviantArt)

wallpaper: tears of life

/*edit:
by moding files of sysuid improperly you may get your device in reboot loop without possibility of getting it back to life without reflash
you have been warned*/

tuts:
statusbar:
by editing /usr/share/themes/base/meegotouch/sysuid/style/statusarea.css
Code:
MWidgetStyle#StatusBarLandscapeWidget {
    background-image: "status-landscape";
    background-color: #000000;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

MWidgetStyle#StatusBarPortraitWidget {
    background-image: "status-portrait";
    background-color: #000000;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}
modified line is "background-image:" path of file is in /usr/share/themes/base/meegotouch/images/
file is Png 16bit i assume.
if anything broken, you will probably have red background for statusbar or your device will be in reboot loop
be aware what you are doing.
portrait size: 480x36
landscape size: 854x36


app backgrounds:
modification of /usr/share/themes/blanco/meegotouch/constants.ini (or /usr/share/themes/base/meegotouch/proto/constants.ini for pr1.0 if i am correct.)
Code:
COLOR_FOREGROUND            = #282828 ;text color
COLOR_SECONDARY_FOREGROUND  = #505050 ;secondary text
COLOR_BACKGROUND            = #E0E1E2 ;background
BACKGROUND_PORTRAIT         = "bg_portrait";
BACKGROUND_LANDSCAPE        = "bg_landscape";
;BACKGROUND_PORTRAIT         = none;
;BACKGROUND_LANDSCAPE        = none;

; button and other pressable elements *might* have different style
COLOR_BUTTON_FOREGROUND            = #000000 ;text color
COLOR_BUTTON_SECONDARY_FOREGROUND  = #8c8c8c ;secondary text
COLOR_BUTTON_DISABLED_FOREGROUND   = #BFBFBF ;disabled text
COLOR_BUTTON_BACKGROUND            = #000000 ;background

;reversed elements
COLOR_INVERTED_FOREGROUND           = #ffffff ;text color
COLOR_INVERTED_SECONDARY_FOREGROUND = #C8C8C8 ;secondary text
COLOR_INVERTED_BACKGROUND           = #000000 ;background
BACKGROUND_INVERTED_PORTRAIT        = "bg_portrait_inv";
BACKGROUND_INVERTED_LANDSCAPE       = "bg_landscape_inv";
;BACKGROUND_INVERTED_PORTRAIT        = none;
;BACKGROUND_INVERTED_LANDSCAPE       = none;
modifications under: BACKGROUND_PORTRAIT, BACKGROUND_LANDSCAPE, BACKGROUND_INVERTED_PORTRAIT and BACKGROUND_INVERTED_LANDSCAPE
bg_portrait, bg_landscape, bg_portrait_inv and bg_landscape_inv are Jpg files located in /usr/share/themes/blanco/meegotouch/images/backgrounds/ and i assume this may cause reboot loop too.
portrait size: 480x854
landscape size: 854x480
original tutorial can be found here, this is my rewrite and i assume some options can be changed too depending to PR version.

transparent folder background description
Last edited by wook_sf; 2012-07-18 at 17:22. Reason: warning
 

The Following 9 Users Say Thank You to wook_sf For This Useful Post: