Tips when creating a crx theme using crx theme creator

1. Use a Background of at least 800 X 600 pixels

2. To change the icons on the buttons as well as the hover effect to white,
Change the value of hsv (0-1) to 1:1:1

3. To change the Google Chrome logo to white
Open manifest.json, under Properties
add

Code:

"ntp_logo_alternate": 1

4. To change colour of the recent history links,
Open manifest.json
Find:

Code:

    "colors" : {

After add:

Code:

         "ntp_section_link": [ 255, 255, 255 ],

or if it is already there, just edit it.

for a vertically non-repeating toolbar ie. an image that extends completely to the bottom of the bookmark toolbar when it is 'connected' to the toolbar(1024X760), make your toolbar image width X 96px .


edit: my apologies for the original y .

since the current version of crxtheme.exe doesn't allow you to save as projects, finishing a theme at a later point can be a pain in the ahz (ie. the hex/rgb colors are automatically cleared when editor is closed) . try using this legend if unfamiliar with the .json file .

for a vertically non-repeating toolbar ie. an image that extends completely to the bottom of the bookmark toolbar when it is 'connected' to the toolbar(1024X760), make your toolbar image y* X 96px .

y= your image width .

huh? little confusing for me...whats the width got to do with it? and did you mean 86 (with a starting index of 0) and that wont include the find bar?

I just made a toolbar image to help with lineing things up....

The first green bit is the selected tab
The next purple bit is the toolbar
The cyan line and the green bit is the bookmarks bar. The cyan line is still shown when the bookmarks bar is hidden. I say thats the start of the bookmarks bar anyway because thats where the seperator between the bookmarks and Other bookmarks starts
The yellow bit is the find bar
The red bit isnt used and is just there to make sure it wasnt
And the width of this image only needs to be 1 pixel as it will be repeated horizontally

One thing Id like to know if anyone can tell me, is are these heights the same for Linux and Mac? Ive only tested them on xp as I dont have a mac and the only linux I have is XBMC

One odd thing I noticed when uploading this is the dialog window actually had two lines that used this image?....thought it wasnt themed at all

Also a background image can be any size, the main thing would be to make sure its background colour matchs the value of "ntp_background"

Originally Posted by PAEz

huh? little confusing for me...whats the width got to do with it? and did you mean 86 (with a starting index of 0) and that wont include the find bar?

I think he meant height.. (y normally equals vertical length)

Originally Posted by PAEz

I just made a toolbar image to help with lineing things up....
Attachment 560

This is gonna be useful.. But the only problem is that it varies from the users resolution to the other.

Originally Posted by PAEz

Also a background image can be any size, the main thing would be to make sure its background colour matchs the value of "ntp_background"

Your right, any image can be used, even if the color doesn't match "ntp_background".. it'll just look ugly lol

This is gonna be useful.. But the only problem is that it varies from the users resolution to the other.

huh? I just changed to a bunch of resolutions and they all still lined up right?

That's odd.. I just tried it myself and they do get lined up. I always thought it varied with the different resolutions..

Well, thats gonna make it easier for designing themes! lol Thanks PAEz.

Cool, thanks for clarifying that. Now if I just knew this held true for mac and linux Id feel alot better.

Here's a theme that lines up more elements....
LineUp.crx

nice job ^^^