Basic colors:
- Text color: #ccc
- Dimmed text color: xf-diminish(@xf-textColor, 5%)
- Muted text color: xf-diminish(@xf-textColor, 8%)
- Link color: #ddd
- Content background color: xf-diminish(@xf-neutralDark4, 2%)
- Major heading text color: #fbfbfb
Borders and spacing:
- Element spacer: 12px
Header and navigation:
- Header/logo row inner content:
- Padding top: 8px
- Padding bottom: 8px
Content areas:
- Page body:
- Freeform CSS/LESS code:
.p-body-header { margin-bottom: 10px }
Blocks:
- Block head padding vertical: 10px
Buttons:
- Button padding - vertical: 4px
Discussion/thread list:
- Cell vertical padding: 10px
- EDIT TEMPLATE extra.less:
/* Highlight unread thread titles with faint underline */
.is-unread .structItem-title {
text-decoration-color: #666;
}
/* Highlight sticky threads */
.structItemContainer-group--sticky .structItem--thread {
background-color: rgb(45, 49, 51) !important
}
.structItem-status--sticky::before {
color: #eee;
}
/* Highlight note rows */
.structItem.structItem--note {
background-color: rgb(45, 49, 51) !important
}
/* Reduce message footer height, add top border (maybe nicer without) */
.message-footer {
line-height: 0 !important;
}
.message-actionBar.actionBar {
margin-top: 9px;
/*border-top: 1px solid #393e42;*/
}