Protoss
通过 Flarum 后台的“外观”设置中的“自定义样式”来添加 CSS 代码,为特定状态的帖子标题设置颜色。
/* 超级置顶帖标题颜色 */
.DiscussionListItem.Badge--stickiest .DiscussionListItem-title {
color: #FF5733; /* 红色 */
font-weight: bold;
}
/* 置顶帖标题颜色 */
.DiscussionListItem.Badge--sticky .DiscussionListItem-title {
color: #FFC300; /* 黄色 */
font-weight: bold;
}
/* 精华帖标题颜色 */
.DiscussionListItem.Badge--frontpage .DiscussionListItem-title {
color: #33FF57; /* 绿色 */
font-weight: bold;
}
如果需要更动态的功能(如根据用户组权限设置颜色),可以通过在“自定义页眉”中添加 JavaScript 代码来实现。
<script>
document.addEventListener('DOMContentLoaded', function () {
// 为超级置顶帖设置标题颜色
document.querySelectorAll('.DiscussionListItem.Badge--stickiest .DiscussionListItem-title').forEach(function (title) {
title.style.color = '#FF5733'; // 红色
title.style.fontWeight = 'bold';
});
// 为置顶帖设置标题颜色
document.querySelectorAll('.DiscussionListItem.Badge--sticky .DiscussionListItem-title').forEach(function (title) {
title.style.color = '#FFC300'; // 黄色
title.style.fontWeight = 'bold';
});
// 为精华帖设置标题颜色
document.querySelectorAll('.DiscussionListItem.Badge--frontpage .DiscussionListItem-title').forEach(function (title) {
title.style.color = '#33FF57'; // 绿色
title.style.fontWeight = 'bold';
});
});
</script>