Mocha Style
A light colored coffee themed style
No template edits - some CSS additions
Preview can be seen here a more extended preview with heavier customizations can be seen here (note this is customized for my site but can provide the code if interested)
For xenForo 2.2, the style has been exported as an "archive" so simply import the ".zip file" only.
Installation Instructions: While in the Admin CP
Appearance > Styles > Import > Child of style: (No Parent) > and then click "Import"
Replace .node.node with your own forum ID and change the image bath in the .node-icon section
CSS:
/*** Node icons with image **/
.node.node--id2 {
.node-icon i { display: none; }
&.node--forum {
.node-body {
padding-left: 5px;
}
.node-icon {
background-image: url('/styles/path/image.png');
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
&.node--read .node-icon {
opacity: 0.4;
}
}
}
/*****/