By Opera Software

From Opera 15 onward, Opera 11 & 12’s extension format is no longer supported, and instead, we’ve switched to Chromium’s extension model. Check out our new documentation for developing extensions for Opera 15 and higher and start building your own extensions.


The color of the text of the badge; accepts hexadecimal notation, RGBA and color name values (e.g., #afafaf, (200, 200, 200, 0), blue).


// The background process (e.g. index.html)

// Set the button's properties
var properties = {
  disabled: false,
  title: "My Test Extension",
  icon: "icon.18x18.png",
  badge: {
    backgroundColor: '#5566ff',
    color: 'white',
    textContent: '42'

// Add the button to the browser UI
var button = opera.contexts.toolbar.createItem(properties);

// Change the badge's font color each time the button is clicked
var i = 1;
button.addEventListener('click', handleClick, false);

function handleClick() {
  var fontColor = (i % 2) ? '#ffffff' : '#000000';
  button.badge.color = fontColor;

This article is licensed under a Creative Commons Attribution 3.0 Unported license.


No new comments accepted.