IoT-Gadgets-Logo-272-90

Change your N9 Desktop Background vol. 2

By
Sam
 - 
Mar 8, 2012

 

This Article is from expr3ss yourself:

Kuzmichov’s instructions change the backround of the component behind all the swipable home screens. Today we’ll be changing the backgrounds of the 3 individual screens.

For that, we need to edit a different .css file,
/usr/share/themes/base/meegotouch/meegotouchhome/style/meegotouchhome.css

We want to add a background-image tag into three CSS blocks: SwipeEventsStyle, SwipeLauncherStyle and SwipeSwithcerStyle.

Naturally, we’ll need three images as well, let’s name them like this:

background-image-launcher.png
background-image-events.png
background-image-switcher.png

Copy these images into /usr/share/themes/blanco/meegotouch/images/backgrounds/

The code in the CSS blocks of meegotouchhome.css will become like this:

SwipeEventsStyle {
… code …
background-image: background-image-events
}

SwipeLauncherStyle {
… code …
background-image: background-image-launcher
}

SwipeSwitcherStyle {
… code …
background-image: background-image-switcher
}

In addition to that, comment out/remove the background-color tag from NotificationAreaStyle, so the notification area background will become transparent. The messages themselves will still have a semi-transparent background color (most likely there’s a tag for that too but don’t know where).

Reboot, and you should have three nice background images!

You can download the modified meegotouchhome.css from here.

For some reason, when swiping between the events feed and app grid, there’s a 1 pixel wide column
between the backgrounds. Most likely there’s not much that can be done for that, but it’s a minor glitch anyway : )

 

Source expr3ss yourself

IoT-Gadgets-Logo-272-90

About us

IoT Gadgets is dedicated to bring you all the Internet of Things IoT news that pertains to gadgets. Simple. We love for you to join us on this journey.

Contact us: [email protected]

FOLLOW US

crossmenu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram