QNeptunea - Best Twitter Client for N9/N950 - HowTo Create Themes - maemo.org

Reflektorfalke | # 1 | 2012-04-26, 21:21 | Report

Please Note, this app is not from me.
All credits go to the developer, task_jp!
-----------------------------------------------------

For those not aware of this great app, you can download from Store or from here.
Even though it is still under development, it is already very good and feature rich.
And its getting better and better. The developer (@task_jp) releases new versions frequently!

One of the many nice features of QNeptunea is, that it supports themes.
Here is a short tutorial how to create your own theme:

1) See this zip-file for sample images and sample .qml-file

2) Edit the image files in .zip-file:

- 'splash-portrait.png' (854 x 480 px)
(note: its portrait format rotated 90°counter-clockwise)
- 'splash-landscape.png'(854 x 480 px)

- 'background-portrait.png' (480 x 818 px)
- 'background-landscape.png' (854 x 480 px)

- 'logo-portrait.png' (70 x 70 px)
- 'logo-landscape.png' (40 x 40 px)

- 'default.png' (480 x480 px)
(will be theme preview in theme selector)

3) Edit .qml-file in .zip-file.
I think parameters are self-explanatory:

Code:

import QtQuick 1.1
import QNeptunea.Theme 1.0

ThemePlugin {
    id: plugin
    separatorToMeColor: '#ef9608'
    separatorNormalColor: '#ef9608'
    separatorFromMeColor: '#ef9608'
    scrollBarColor: '#ef9608'
    nameColor: '#ef9608'
    inPortrait: true
    contentColor: '#ffffff'
    inverted: true
    textColor: '#ffffff'

    linkStylePortrait: 'color: #7b797b'
    linkStyleLandscape: 'color: #7b797b'
    hashTagStylePortrait: 'color: #7b797b'
    hashTagStyleLandscape: 'color: #7b797b'
    screenNameStylePortrait: 'color: #ef9608'
    screenNameStyleLandscape: 'color: #ef9608'
    sourceStylePortrait: 'color: #ef9608'
    sourceStyleLandscape: 'color: #ef9608'
    mediaStylePortrait: 'color: #7b797b'
    mediaStyleLandscape: 'color: #7b797b'
    placeStylePortrait: 'color: #7b797b'
    placeStyleLandscape: 'color: #7b797b'

    splashPortrait: 'splash-portrait.png'
    splashLandscape: 'splash-landscape.png'

    backgroundPortrait: 'background-portrait.png'
    backgroundLandscape: 'background-landscape.png'

    headerHeightPortrait: 72
    headerHeightLandscape: 46

    titleColor: '#FFFFFF'
    titleFontPixelSizePortrait: 30
    titleFontPixelSizeLandscape: 30

    logoPortrait: 'logo-portrait.png'
    logoLandscape: 'logo-landscape.png'    
}

4) For testing your theme, copy the files you created/edited to

Code:

/home/user/qneptunea-plugins/theme

on your N9

5) Restart app and select / apply your theme (should appear with "tbd" as preview)

If you are happy with your newly created theme you might want to share it:

6) Put all the files you created (except default.png) in a folder.

7) Zip this folder and upload zip-file to e.g. dropbox or any other online storage

8) Post a tweet like this:

<ThemeName> *press enter*
<ThemeDescription> *press enter*
<zip-file download-link> *press enter*

with 'default.png' attached (will be theme preview in theme selection view)

9) Retweet your tweet @task_jp to let him know of your theme.
As soon as he retweeted your tweet from @qneptuneatheme it will magically appear in theme selection within app ;-)

Done!
Be creative, have fun and share your theme with us :-)

Last edited by Reflektorfalke; 2012-05-10 at 20:20.

The Following 10 Users Say Thank You to Reflektorfalke For This Useful Post:
achilles333, AJMAL P.M, almamo, Dousan, edgar2, Fallenzone, flopjoke, martycollinsesq, MFaroTusino, prosper

Reflektorfalke | # 2 | 2012-04-27, 18:22 | Report

BTW, this is an overview of themes already available for QNeptunea.

Attached Images

The Following 3 Users Say Thank You to Reflektorfalke For This Useful Post:
almamo, Fallenzone, thedead1440

Reflektorfalke | # 3 | 2012-04-29, 13:20 | Report

New theme available for QNeptunea ;-)

Attached Images

Reflektorfalke | # 4 | 2012-04-30, 18:17 | Report

Oh well, as no one seems to be interested in creating a theme (yet?), I did another one myself ;-) Aloha

Attached Images

The Following 2 Users Say Thank You to Reflektorfalke For This Useful Post:
thedead1440, zapotek

Reflektorfalke | # 5 | 2012-05-01, 08:47 | Report

And 2 more, hoping that others jump in and create some nice themes

Come on guys, its easy

Attached Images

The Following 3 Users Say Thank You to Reflektorfalke For This Useful Post:
dexterous21, MFaroTusino, thedead1440

MFaroTusino | # 6 | 2012-05-01, 09:41 | Report

Thanks for the great guide. I have been interested in making themes, but have had no idea how.

Now I just need some ideas

The Following User Says Thank You to MFaroTusino For This Useful Post:
Reflektorfalke

Reflektorfalke | # 7 | 2012-05-01, 17:13 | Report

Originally Posted by MFaroTusino View Post

Thanks for the great guide. I have been interested in making themes, but have had no idea how.

Now I just need some ideas

Someone suggested to create "One for each color variant".
I skipped this so far as I was unsure about what color codes to use for magenta and cyan variant to match.
Besides that it should be pretty straightforward to do and wouldn't need anything too fancy/complex I guess.

abufaisal.o | # 8 | 2012-05-01, 20:29 | Report

Hi guys, sorry for off-topic quistion.
How this application can be run on N900?

Reflektorfalke | # 9 | 2012-05-02, 19:20 | Report

Originally Posted by abufaisal.o View Post

Hi guys, sorry for off-topic quistion.
How this application can be run on N900?

Sorry, QNeptunea is not available for N900 and I have no idea if it will ever be...

almamo | # 10 | 2012-05-06, 10:58 | Report

Thanks to the help/instructions of Reflektorfalke, I created my first theme for qNeptunea. "blueNeptunea" brings some blue to the application with an own start-up screen and a soft-linen, black background. With white,blue&magenta text, typical N9 colors are present. Please try it out (or one of all the other great themes) and retweet if you like the theme

It's really simple to create an own theme for qNeptunea. The application even has an inbuilt preview option for themes under work. So don't hesitate and please let us see your own creations

Attached Images

The Following User Says Thank You to almamo For This Useful Post:
Reflektorfalke