Theming, CSS reference - linuxmint/cinnamon GitHub Wiki

As I have time to build the information I will be adding more to this CSS reference sheet, it is currently in a very incomplete state.

You can contribute to this page by tinkering with Cinnamon's UI elements using the Looking Glass debug feature located in the panel's right click menu > Troubleshoot > Looking Glass. WARNING: editing certain configurations may temporarily/permanently change your user interface. Operate at your own risk.

SELECTORS

stage {}

Stage is used for setting the base atributes used when there isn't any override value on the objects further down the cascade.

Normal values are the default color of the theme and the font(s) and font sizing info for the theme.

Panel

  • .panel-top .panel-bottom .panel-left .panel-right

Corresponds to the top, bottom, left, right panels respectively.

Children: #panelLeft {} #panelCenter {} #panelRight {}

  • #panel {}

This id corresponds to every available panel on the screen.

Children: #panelLeft {} #panelCenter {} #panelRight {}

  • #panelLeft {} #panelCenter {} #panelRight {}

Applies to the left, center, right zones of all horizontal panels. For vertical panels, this applies to the top, center, bottom zones respectively.

Normal values are color, background and height.

Children: Varies depending on user's activated applets. Common children include: .grouped-window-list-item-box(Grouped window list)

  • :dnd

The pseudoclass dnd (drag and drop) matches only when the user enters the panel editing mode.

Normal values are background, and there should be made a difference between left, center and right.

  • .popup-menu-boxpointer {} [Deprecated, use .popup-menu-content instead]

It is used to set the attributes of the dropdown panel menu (when you right click on an item in the panel or panel).

Normal values โ€‹โ€‹are properties of the arrow that originates in the element that has been clicked right.

  • .popup-menu-content

Popup menu items container. Popup menus are boxes containing buttons, labels, and are shown when the user interacts with an applet by right-click and/or left-clicking it. The parent CinnamonGenericContainer may appear behind the element when properties influencing the element's position and/or border radius.

Children: .popup-menu-item