Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Can I Edit a Google Chrome Theme?

I downloaded some themes from the Chrome Web Store. Is there any way I can edit these themes?

(I want to change colors, buttons etc.)

If yes, how? If no, why?

like image 498
hakkikonu Avatar asked Feb 06 '13 05:02

hakkikonu


People also ask

How do I edit a Chrome design?

On your computer, open Chrome. Settings. Under 'Appearance', click Themes. You can also go to the gallery by visiting Chrome Web Store Themes.

Can you set a custom Chrome background?

You can change Google Chrome's new tab background by clicking the "Customize" button in the bottom-right corner of a new tab. Google offers plenty of its own themes to choose from, or you can upload your own image.

Can you add your own picture to Chrome theme?

Click on the Customize button on the bottom right of the screen. Select Upload an image option. Browser an image from your device. Click on Open to set the image as your Chrome background.


3 Answers

A theme is a special kind of extension that changes the way the browser looks. Themes are packaged like regular extensions, but they don't contain JavaScript or HTML code. You can download any theme and modify it by editing the manifest.json file.

Colors are in RGB format. To find the strings you can use within the "colors" field, look for kColor* strings in theme_service.cc. Image resources use paths relative to the root of the extension. You can override any of the images that are specified by kThemeableImages in theme_service.cc. Just remove the "IDR_" and convert the remaining characters to lowercase.

Reference: https://developer.chrome.com/extensions/themes

like image 84
aygul Avatar answered Oct 11 '22 06:10

aygul


You can find it in your appdata folders. Mine was located at:

C:\Users\home\AppData\Local\Google\Chrome\User    
Data\Default\Extensions\mcphcjcjgkjmbphkfjleamgkinaeebnm\1.1_0

You might just want to make a search query in your appdata for "manifest.json", and open a few until you find it.

like image 3
Dae Ant onetimetwotimes Avatar answered Oct 11 '22 08:10

Dae Ant onetimetwotimes


As was mentioned, you can find it in appdata folder, e.g.: C:\Users\mizer\AppData\Local\Google\Chrome\User Data\Default\Extensions\

Hint: Sort folders by date and you can easily find the one you want :)

like image 3
tomas Avatar answered Oct 11 '22 07:10

tomas