Coloured icons in the resource browser

General
2

immagine
immagine472×709 27.6 KB

To obtain something like in the image above I did the following:

  • crate my theme for manager
  • modificate header.tpl for add myManagerCss.css
  • create myManagerCss.css with this classes
#modx-resource-tree .x-tree-node-el {
	color: #31810A;
}
.hidemenu a span, 
.hidemenu a span.hidemenu, 
.hidemenu a span.hidemenu a span {
	color: #798a9b !important;
    font-style: italic;
}
.hidemenu i.icon {
	color: #31810A !important;
	opacity:.63 !important;
}
.hidemenu i.x-tree-elbow-plus,
.hidemenu i.x-tree-elbow-minus{
	color: #31810A !important;
	opacity:.63 !important;
}
.unpublished a span{
    color: #a21919 !important;
	font-style:normal;
	opacity:.8;
}
.unpublished i.icon {
    color: #a21919 !important;
	opacity:.8;
}
.unpublished.hidemenu a span {
    color: #9b5050 !important;
	font-style:italic;
}
1 Like