添加楼主、沙发、板凳、地板徽章

Golden

使用 CSS 即可，楼主背景色可以改成自动适配主色调 @config-primary-color

#头像旁楼主#
div.PostStream-item:not([data-index="0"]) article.CommentPost.Post.Post--by-start-user .Post-header PostUser:after {
    content: "楼主";
    background: #F05D1D;
    padding: 1px 10px 3px;
    color: white;
    border-radius: 4px;
    font-size: 14px;
    margin-left: 10px;
    display: inline;
}

/*右上角楼主*/
div.PostStream-item[data-index="0"] article.CommentPost.Post.Post--by-start-user header.Post-header ul:not(ul.PostUser-badges.badges):after {
	content: "楼主";
	background: #F05D1D;
	padding: 1px 10px 0px;
	color: white;
	border-radius: 4px;
	font-size: 14px;
	float: right;
}
/*沙发*/
div.PostStream-item[data-index="1"] article.CommentPost.Post header.Post-header ul:not(ul.PostUser-badges.badges)::after {
	content: "沙发";
	background: #f947c8;
	padding: 1px 10px 0px;
	color: white;
	border-radius: 4px;
	font-size: 14px;
	float: right;
}
/*板凳*/
div.PostStream-item[data-index="2"] article.CommentPost.Post header.Post-header ul:not(ul.PostUser-badges.badges)::after {
	content: "板凳";
	background: #db45fb;
	padding: 1px 10px 0px;
	color: white;
	border-radius: 4px;
	font-size: 14px;
	float: right;
}
/*地板*/
div.PostStream-item[data-index="3"] article.CommentPost.Post header.Post-header ul:not(ul.PostUser-badges.badges)::after {
	content: "地板";
	background: #2a92f4;
	padding: 1px 10px 0px;
	color: white;
	border-radius: 4px;
	font-size: 14px;
	float: right;
}

北极星

有点奇怪啊，加上去自己看不到，别的账户才能看到啊

fancer

发现一个问题这个css在除chrome浏览器外几乎没有浏览器能显示，即使是chromium的edge

fancer

把 :not(ul.PostUser-badges.badges) 删掉其他浏览器就能正常显示了

yannis

中文社区蓝色样式搭配：https://discuss.flarum.org.cn/d/2404/2
/*沙发*/ div.PostStream-item[data-index="1"] article.CommentPost.Post header.Post-header ul:not(ul.PostUser-badges.badges):not(ul.UserCard-badges.badges,ul.UserCard-info)::after{content:"沙发"} /*板凳*/ div.PostStream-item[data-index="2"] article.CommentPost.Post header.Post-header ul:not(ul.PostUser-badges.badges):not(ul.UserCard-badges.badges,ul.UserCard-info)::after{content:"椅子"} /*地板*/ div.PostStream-item[data-index="3"] article.CommentPost.Post header.Post-header ul:not(ul.PostUser-badges.badges):not(ul.UserCard-badges.badges,ul.UserCard-info)::after{content:"地板"} /*美化样式*/ div.PostStream-item[data-index="1"] article.CommentPost.Post header.Post-header ul:not(ul.PostUser-badges.badges):not(ul.UserCard-badges.badges,ul.UserCard-info)::after,div.PostStream-item[data-index="2"] article.CommentPost.Post header.Post-header ul:not(ul.PostUser-badges.badges):not(ul.UserCard-badges.badges,ul.UserCard-info)::after,div.PostStream-item[data-index="3"] article.CommentPost.Post header.Post-header ul:not(ul.PostUser-badges.badges):not(ul.UserCard-badges.badges,ul.UserCard-info)::after{position:relative;z-index:2;background:@hero-bg;padding:1px 5px 1px 5px;color:@link-color;border-radius:4px;font-size:12px;font-weight:600;float:right}

记得要加下方的 clear both

div.PostStream-item[data-index="1"] article.CommentPost.Post.Post--by-start-user .Post-body,div.PostStream-item[data-index="2"] article.CommentPost.Post.Post--by-start-user .Post-body,div.PostStream-item[data-index="3"] article.CommentPost.Post.Post--by-start-user .Post-body{clear:both}