Tuesday, July 8, 2008

How to change the scrollbar background in Opera 9.50

The scrollbar in Opera is hard to discriminate against its background. One possible option is to increase the contrast by changing the scrollbar background to a darker colour or theme, for example the same background used for the pagebar background. The following steps show how to do it:
  1. As root, open the zip-file containing your current Opera skin. The default skin can be found at /usr/share/opera/skin/standard_skin.zip, while downloaded skins can be found at /home/username/.opera/skin/*.zip.
  2. Inside the zip-file, open the image /backgrounds/pagebar.png with an image editor such as Gimp. 
  3. Rotate the image 90 degrees clockwise and save it as /backgrounds/pagebar2.png inside the zip-file.
  4. Open skin.ini from the zip-file and use Ctrl+F to go to the line containing
    [Scrollbar Vertical Skin]
    Underneath this heading, modify exisiting lines as 
    Type = BoxStretch
    Tile Center = backgrounds/pagebar2.png
  5. You might want to change the horizontal scrollbar background too. Repeat Step 4 but use the original pagebar.png (not rotated). Go to
    [Scrollbar Horizontal Skin]
    Underneath this heading, modify exisiting lines as 
    Type = BoxStretch
    Tile Center = backgrounds/pagebar.png
  6. Save skin.ini inside the zip-file and restart the browser.

The following screenshots shows the scrollbar background before and after the change:

 

You may also be interested in the following posts:

How to change the background of Speed Dial in Opera 9.50

Add more speed dials and remove search field in Opera 9.50

1 comment:

Anonymous said...

Thanks! Worked like a charm!