Personalization

The extension uses CSS to change the look of the overlay, you can change some of it's properties in the Theme Editor Section of the options menu

Advanced properties

It is possible to go beyond the extension Theme Editor using the browser source Custom CSS property. You can write custom CSS here with all the properties of CSS.

Use the inspect tool to check root variables and get the classes/ ids for the elements on the overlays

Properties breakdown

Property	Description
Background Color	Changes the background color of the element using RGB values
Background Opacity	Changes the transparency of the background of the element, 1 is opaque and 0 fully transparent
Padding	Padding represents a margin added to the element width and height
Border radius	This defines the radius of the element corner, 0 means the corners are not round at all
Spacing	Represents the space between the title and the subtitle elements
Text Color	Changes the text color of the element using RGB values
Text Opacity	Changes the transparency of the text of the element, 1 is opaque and 0 fully transparent
Font Size	The size of the element's text
Font	The font of the element's text