Hi. I found a theme on the internet, but i was not happy with some of the design. I have a few questions on how i can change these things.



Also, is it possible to style the new tab page with css (i find it much easier and versatile to work with)

TIA

1. tab gradient, tab outline, and ''this line'' can all be controlled by the image you use for theme_toolbar
2. although cascading style sheets (CSS) are easier to work with, the chrome theme .json file is even easier:

{
"version": "1.0",
"name": "Theme",
"theme": {
"images" : {
"theme_frame": "http://www.chromeplugins.org/google/images/theme_frame.png",
"theme_frame_inactive": "http://www.chromeplugins.org/google/images/theme_frame_inactive.png",
"theme_frame_incognito": "http://www.chromeplugins.org/google/images/theme_frame_incognito.png",
"theme_toolbar": "http://www.chromeplugins.org/google/images/theme_toolbar.png",
"theme_tab_background": "http://www.chromeplugins.org/google/images/theme_tab_background.png",
"theme_tab_background_incognito": "http://www.chromeplugins.org/google/images/theme_tab_background_incognito.png",
"theme_ntp_background": "http://www.chromeplugins.org/google/images/theme_ntp_background.png"
},
"colors" : {
"frame" : [0, 64, 128],
"frame_inactive" : [152, 188, 233],
"frame_incognito" : [83, 106, 139],
"frame_incognito_inactive" : [126, 139, 156],
"toolbar" : [29, 29, 205],
"tab_text" : [232, 232, 232],
"tab_background_text" : [186, 186, 186],
"bookmark_text" : [255, 255, 255],
"ntp_background" : [0, 64, 128],
"ntp_text" : [0, 64, 128],
"ntp_link" : [170, 198, 249],
"ntp_link_underline" : [6, 55, 116],
"ntp_header" : [255, 255, 255],
"ntp_section" : [29, 29, 205],
"ntp_section_text" : [255, 255, 255],
"ntp_section_link" : [255, 255, 255],
"ntp_section_link_underline" : [6, 55, 116],
"control_background" : [0, 0, 0],
"button_background" : [0, 64, 128]
},
"tints" : {
"buttons" : [0.58, 1.00, 0.25],
"frame" : [-1.00, -1.00, -1.00],
"frame_inactive" : [0.50, 0.50, 0.50],
"frame_incognito" : [-1.00, 0.20, 0.35],
"frame_incognito_inactive" : [0.50, 0.50, 0.50],
"background_tab" : [-1.00, 0.50, 0.75]
},
"properties" : {
"ntp_background_alignment" : "center bottom",
"ntp_background_repeat" : "no-repeat",
"ntp_logo_alternate" : 0
}
}
}

you can also edit the opacity of the toolbar by adding ''0'' as a value to the code line in orange (ie. [29, 29, 205, 0] )

Do you know if its possible to change the font on the new tab page and add a text-shadow?

Also, i figured out how to change the tab gradient, but those 1px lines seem to be controlled by code :S

EDIT: I found that the highlight on the toolbar is controlled by
"toolbar": [ 255,255,255 ]

Which is what you told me lol #comprehensionfail


How do i get rid of this thing? from incognito mode

rakundo, how about doing the coolest thing mate and contacting the owner/creator of the theme and asking them first if he/she
would not mind you altering it (as long as you dont publish it as 100% your own, he/she should be cool with it)

They might even help you with your needs aswell?

I didn't realise it would be a problem if i wasn't going to release it.

You can change some details of the NTP by using the custom.css in the userstyles directory (google it).
Only thing to keep in mind is that the custom.css is run on every page not just the NTP, to target the NTP only then start your css selector with html[bookmarkbarattached] that should be pretty unique.
The dude in incongnito mode can only be removed by editiing the chrome.dll file.

^ i'm now a little dumber after reading .