"theme_toolbar": "images/theme_toolbar_camo.png" "theme_ntp_background": "images/theme_ntp_background.png", "theme_frame": "images/theme_frame_camo.png", Īfter setting the background images and colours, your manifest.json should look something along the lines of this: For example a brown colour at 50% opacity would be. Something to note about Google Chrome themes is that everything is defined in terms of RGB(A) rather than hex values. Other than that, we’ll be setting custom colours.
This concept is shown in the image below: The main background images will be aligned to the bottom center, and repeated on the x-axis. What we’ll do is define some custom colours, and set a few background images. If you have experience coding with CSS, this will come very naturally to you. We can now start defining the various elements within Google Chrome to make it look the way we want via the manifest.json. Once you’ve done that you should end up with the a file structure similar to the following: This is the file in which you declare your customisations. Now create a file manifest.json within the root folder.
It’s conventional to call it images or img, but you can pretty much call it anything you want. Within this folder create a subfolder to hold your images. Start by creating the root folder, which you can name after your theme. Now that we have the design sorted we can start turning it into a functional theme.
Here’s the image mockup of the theme I envision: In this particular example, we’ll be featuring an illustration by Dean Oakley. If you’re going to be using Adobe Photoshop, there’s a handy little file you can download here that contains various layers which will help you get going. Once you have an understanding of what options are available to you, the next step is to create your design.
You should spend a little time going through this community-written Google Chrome theme reference. Before we can get going though, you need to familiarise yourself with the limitations of theme creation. Creating a Google Chrome theme is actually a relatively easy process in fact you’ll probably be surprised at how easy it is.
0 kommentar(er)
