Welcome guest, is this your first visit? Create Account now to join.
Page 1 of 2 12 LastLast
Results 1 to 10 of 13

This is a discussion on a few questions from a noob within the Themes Development section, part of the Chrome Themes category: I started making my theme yesterday with a youtube tutorial but theres a few things i just haven't been able ...


  1. #1
    TheAlp's Avatar
    TheAlp is offline Junior Member
    Join Date
    Jul 2010
    Posts
    7

    Question a few questions from a noob

    I started making my theme yesterday with a youtube tutorial but theres a few things i just haven't been able to solve on my own:


    Code:
    {
      "version": "1.0",
      "name": "LittleBigChrome",
      "theme": {
        "images" : {
    	"theme_toolbar": "images/theme_toolbar_2.png",
    	"theme_tab_background": "images/theme_tab_background.png",
    	"theme_tab_background_v": "images/theme_tab_background_v.png",
    	"theme_ntp_background": "images/theme_ntp_background.png",
    	"theme_ntp_attribution": "images/theme_ntp_attribution.png"
        },
        "colors" : {
    	"tab_text": [ 255, 255, 255 ],
    	"bookmark_text": [ 0, 0, 0 ],
    	"frame": [ 165, 222, 146 ],
    	"ntp_header": [ 165, 222, 146 ],
    	"ntp_link": [ 48, 71, 14 ],
    	"toolbar": [ 95, 137, 33, 1 ],
    	"ntp_section_link_underline": [ 255, 255, 255 ],
    	"ntp_background": [ 214, 192, 147 ]
        },
        "tints" : {
    	"buttons": [ 0.3, 1.0, 0.8 ]
        },
        "properties" : {
    	"ntp_background_repeat": "repeat",
    	"ntp_logo_alternate": 1
        }
      }
    }
    (i made everything so far only with Notepad++ and photoshop)

    1. is it possible to make this the same as the background on the new tabs page?:


    (not the green part but the part around it)

    2. i plan on uploading it to the Chrome Extension place thingy but it says i need to add icons

    Code:
    "icons": { "16": "icon16.png",
               "48": "icon48.png",
              "128": "icon128.png" },
    where should i add this into the code and where should i place the pictures?

    3. is there anyway to change the mouseover colours like this:

    if anybody could help i would greatly appreciate it.
    Last edited by TheAlp; 07-16-2010 at 02:53 PM.

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

    Default

    1. Thats just the toolbar image isnt it? you should be able to make it anything you want
    EDIT: Ooops, just realized what Im looking at, its the bookmarks bar on the ntp not attached to the toolbar, sorry. This came up not to long ago but my memory is shocking :P was it the file format? try making the bg pic a jpg.....ill try and find that post

    2. So their forcing icons now?...bumma
    Make your manifest look like this....
    Code:
    {
      "version": "1.0",
      "name": "LittleBigChrome",
      "icons": { "16": "http://www.chromeplugins.org/google/images/icon16.png",
               "48": "http://www.chromeplugins.org/google/images/icon48.png",
              "128": "http://www.chromeplugins.org/google/images/icon128.png" },
      "theme": {
        "images" : {
    	"theme_toolbar": "http://www.chromeplugins.org/google/images/theme_toolbar_2.png",
    	"theme_tab_background": "http://www.chromeplugins.org/google/images/theme_tab_background.png",
    	"theme_tab_background_v": "http://www.chromeplugins.org/google/images/theme_tab_background_v.png",
    	"theme_ntp_background": "http://www.chromeplugins.org/google/images/theme_ntp_background.png",
    	"theme_ntp_attribution": "http://www.chromeplugins.org/google/images/theme_ntp_attribution.png"
        },
        "colors" : {
    	"tab_text": [ 255, 255, 255 ],
    	"bookmark_text": [ 0, 0, 0 ],
    	"frame": [ 165, 222, 146 ],
    	"ntp_header": [ 165, 222, 146 ],
    	"ntp_link": [ 48, 71, 14 ],
    	"toolbar": [ 95, 137, 33, 1 ],
    	"ntp_section_link_underline": [ 255, 255, 255 ],
    	"ntp_background": [ 214, 192, 147 ]
        },
        "tints" : {
    	"buttons": [ 0.3, 1.0, 0.8 ]
        },
        "properties" : {
    	"ntp_background_repeat": "repeat",
    	"ntp_logo_alternate": 1
        }
      }
    }
    ....and place the icons in the images directory (didnt test it but it should work).
    EDIT: I dont know whats going on here but the forum keeps adding http://www.chromeplugins.org/google/ to the urls for the images, please just delete that bit (they keep coming back when I delete them)

    3. Not that I know of, but it could well be influenced by one of the color values (might check later).
    Last edited by PAEz; 07-16-2010 at 05:59 PM.

  3. #3
    TheAlp's Avatar
    TheAlp is offline Junior Member
    Join Date
    Jul 2010
    Posts
    7

    Default

    thanks for all the help when its done should i just put the JSON file and the image folder in a zip and upload?

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

    Default

    when its done should i just put the JSON file and the image folder in a zip and upload?
    If you mean to the extension gallery, then yes.

    By the way did you try uploading the theme without the icons?...you never HAD to use them before, no bigge

  5. #5
    TheAlp's Avatar
    TheAlp is offline Junior Member
    Join Date
    Jul 2010
    Posts
    7

    Default

    Quote Originally Posted by PAEz View Post
    If you mean to the extension gallery, then yes.

    By the way did you try uploading the theme without the icons?...you never HAD to use them before, no bigge
    i can make some good looking icons in a matter of minutes

  6. #6
    TheAlp's Avatar
    TheAlp is offline Junior Member
    Join Date
    Jul 2010
    Posts
    7

    Default

    sorry for the doublepost but i have added the icons:

    Code:
    {
      "version": "1.0",
      "name": "LittleBigChrome",
      "icons": {
      "16": "images/icon16.png",
      "32": "images/icon32.png",
      "48": "images/icon48.png",
      "128": "images/icon128.png"
      },
      "theme": {
        "images" : {
    	"theme_toolbar": "images/theme_toolbar_2.png",
    	"theme_tab_background": "images/theme_tab_background.png",
    	"theme_tab_background_v": "images/theme_tab_background_v.png",
    	"theme_ntp_background": "images/theme_ntp_background.png",
    	"theme_ntp_attribution": "images/theme_ntp_attribution.png"
        },
        "colors" : {
    	"tab_text": [ 255, 255, 255 ],
    	"bookmark_text": [ 0, 0, 0 ],
    	"frame": [ 86, 165, 56 ],
    	"ntp_header": [ 86, 165, 56 ],
    	"ntp_link": [ 48, 71, 14 ],
    	"toolbar": [ 95, 137, 33, 1 ],
    	"ntp_section_link_underline": [ 255, 255, 255 ],
    	"ntp_background": [ 214, 192, 147 ]
        },
        "tints" : {
    	"buttons": [ 0.3, 1.0, 0.8 ]
        },
        "properties" : {
    	"ntp_background_repeat": "repeat",
    	"ntp_logo_alternate": 1
        }
      }
    }
    (is that right?)

    and i have tried to upload it in different ways but its not working, getting this error when i try to install it:



    what is it i'm doing wrong?

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

    Default

    thats an odd one?.....can you give us a link?

  8. #8
    sarjoor is offline Senior Member
    Join Date
    Sep 2009
    Posts
    147

    Default

    If you are really just doing:
    Quote Originally Posted by TheAlp View Post
    when its done should i just put the JSON file and the image folder in a zip and upload?
    then the answer is..... No.

    See the reference here: http://code.google.com/chrome/extensions/themes.html
    "A theme is a special kind of extension that changes the way the browser looks. Themes [need to be] packaged like regular extensions"

    The reference on how to package themes (and extensions) is:
    http://code.google.com/chrome/extensions/packaging.html

  9. #9
    TheAlp's Avatar
    TheAlp is offline Junior Member
    Join Date
    Jul 2010
    Posts
    7

    Default

    Quote Originally Posted by sarjoor View Post
    If you are really just doing:


    then the answer is..... No.

    See the reference here: http://code.google.com/chrome/extensions/themes.html
    "A theme is a special kind of extension that changes the way the browser looks. Themes [need to be] packaged like regular extensions"

    The reference on how to package themes (and extensions) is:
    http://code.google.com/chrome/extensions/packaging.html
    sorry but what do you mean? i got not experience with anything like this

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

    Default

    If your uploading the theme to the google chrome extension gallery then you dont pack the theme to a crx you pack it to a zip and upload it.
    If you want to upload the theme somewhere else (like here) for people to install then you need to pack it to a crx using the instructions in the link supplied by sarjoor...http://code.google.com/chrome/extensions/packaging.html

Page 1 of 2 12 LastLast

Similar Threads

  1. 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
  2. Can you help a Noob?
    By flub in forum Plugins Troubleshooting
    Replies: 23
    Last Post: 10-15-2009, 06:43 PM
  3. Help for a Noob - Userscripts
    By flub in forum Chrome Troubleshooting
    Replies: 4
    Last Post: 09-10-2009, 07:13 AM
  4. Help for a Noob - Userscripts
    By flub in forum Plugins Troubleshooting
    Replies: 1
    Last Post: 09-09-2009, 10:51 PM
  5. 2 questions
    By Giaco in forum Chrome Talk
    Replies: 16
    Last Post: 07-30-2009, 08:50 AM

Posting Permissions

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