Welcome guest, is this your first visit? Create Account now to join.
Results 1 to 7 of 7

This is a discussion on Few (Probably Dumb) Questions within the Themes Development section, part of the Chrome Themes category: Hi. I found a theme on the internet, but i was not happy with some of the design. I have ...


  1. #1
    rakundo is offline Junior Member
    Join Date
    Dec 2010
    Posts
    3

    Default Few (Probably Dumb) Questions

    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

  2. #2
    p.fil's Avatar
    p.fil is offline Senior Member
    Join Date
    Jul 2009
    Location
    philadelphia
    Posts
    531

    Default

    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] )
    Last edited by p.fil; 12-17-2010 at 12:36 PM.
    For the record: Hello Kitty and Naruto Themes are the suck .

    p.fil's deviant page
    I95/Eagles Pike Shirt Shop

  3. #3
    rakundo is offline Junior Member
    Join Date
    Dec 2010
    Posts
    3

    Default

    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
    Last edited by rakundo; 12-18-2010 at 06:59 AM.

  4. #4
    teatime's Avatar
    teatime is offline Senior Member
    Join Date
    Aug 2010
    Posts
    145

    Default

    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?

  5. #5
    rakundo is offline Junior Member
    Join Date
    Dec 2010
    Posts
    3

    Default

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

  6. #6
    PAEz's Avatar
    PAEz is offline Moderator
    Join Date
    Aug 2009
    Location
    Australia
    Posts
    656

    Default

    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.

  7. #7
    p.fil's Avatar
    p.fil is offline Senior Member
    Join Date
    Jul 2009
    Location
    philadelphia
    Posts
    531

    Default

    ^ i'm now a little dumber after reading .
    For the record: Hello Kitty and Naruto Themes are the suck .

    p.fil's deviant page
    I95/Eagles Pike Shirt Shop

Similar Threads

  1. Tab behavior in Chrome, and other questions...
    By kausikdatta in forum Chrome Tips & Tricks
    Replies: 0
    Last Post: 08-05-2010, 08:12 PM
  2. a few questions from a noob
    By TheAlp in forum Themes Development
    Replies: 12
    Last Post: 07-17-2010, 06:22 PM
  3. Questions about add-ons for Portable Mac Chrome
    By Tim Thomas in forum Plugins Troubleshooting
    Replies: 6
    Last Post: 11-11-2009, 01:44 AM
  4. 2 questions
    By Giaco in forum Chrome Talk
    Replies: 16
    Last Post: 07-30-2009, 08:50 AM
  5. A couple of questions about the plugin functionality
    By cyanide911 in forum Plugins Development
    Replies: 2
    Last Post: 05-25-2009, 06:03 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •