Overlay

There are two ways to color the overlay of aideye: CSS and AidEye Configuration.

Overlay Color

You can customize the overlay color by using overlayColor in the aideye configuration.

const myAidEye = aideye({
  overlayColor: 'white'
});

myAidEye.highlight({
  element: '#color',
  popover: {
    title: 'CSS',
    description: 'You can customize the overlay color by using overlayColor in the aideye configuration.'
  }
});

myAidEye.start();

Overlay Opacity

You can also customize the overlay opacity by using overlayOpacity in the aideye configuration.

const myAidEye = aideye({
  overlayColor: 'white',
  overlayOpacity: 0.3
});

myAidEye.highlight({
  element: '#overlay',
  popover: {
    title: 'CSS',
    description: 'You can also customize the overlay opacity by using overlayOpacity in the aideye configuration.'
  }
});

myAidEye.start();