In Google Chrome, when you hover over a link, a small bar pops up on the bottom-left of the screen that tells you where the link takes you. I've installed a theme, and I like the theme, but I want to change the font color for this bottom bar:

enter image description here

I've done some investigative work, and found that some properties for themes are found inside of a manifest.json file. I've changed all these colors to black, but I don't see any difference. Am I editing the right file? Or has Chrome cached the file and won't reload it?

How else would I go about changing it?


I believe I have found a fix for getting the link preview to become legible -- even if it doesn't enable full control.

I started out using the Google Chrome Theme Creator found here:


(Note the final string tacked onto the end because you'll find that folder in your extensions folder -- at least I did.

Once installed and before using it, you'll need to change the way that it generates the theme. As far as I know, there is no way to re-import a theme once it has been installed. That would be lovely and was what I tried to find first. However, failing that I found out that I could change their theme generation code to suit my own purposes.

Here is the full path to the file I ended up modifying (Windows 7): c:\Users[YOURUSERNAME]\AppData\Local\Google\Chrome\User Data\Default\Extensions\oehpjpccmlcalbenfhnacjeocbjdonic\2.0_0\javascript\main.js

In the manifest.json file for my theme I created 'out of the box', I noticed that there was an opacity applied to the "toolbar" colors which was not specified in themes I downloaded elsewhere. It was set to 0.6 and I couldn't find a way to tell Chrome to re-interpret this file with my change. This opacity ended up making the font extremely hard to read and led me to your question. If you make this change to the My Chrome Theme app, you may no longer hope for a way to control the font since it will again be legible.

In main.js, I searched for 0.6 and immediately found only one reference in all of the minified code. The line appears like this:


Change that 0.6 to 1 (or somewhere in-between to your liking) and I think you will be well on your way to having a satisfactory link-hover-preview.

You may not have been using this theme generator, but I think you may be happy with the results after changing main.js.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.