需要安装 Discussion-views、FoF Night Mode、FoF Gamification
前景色 #009A61 | 背景色 #E4EDF6
修订记录：2021-04-08 调整部分css布局
body when (@config-dark-mode = false){
/* 日间模式---欢迎横幅和用户资料背景 */
.Hero.DiscussionHero.DiscussionHero--colored,.darkenBackground{background-color:@config-primary-color !important;}
/* 日间模式---帖子背景色 */
.DiscussionListItem {background: #f2f6fb !important;}
/* 日间模式---悬停帖子背景色 */
.DiscussionListItem:hover {background: #E4EDF6 !important;}
/* 日间模式---投票展示区背景色 */
@media (min-width: 768px) {.DiscussionListItem-votes.alternateLayout {background-color: #f7f7f7;}}
/* 日间模式---手机端第一条帖子 */
@media (max-width: 767px){ul.DiscussionList-discussions>li:first-child{border-top:10px solid #eaeaea;}}
/* 日间模式---导航栏添加分割线 */
.sideNav .Dropdown--select .Dropdown-menu>.Dropdown-separator{border-bottom: 1px solid rgba(0,0,0,.1);}
/* 日间模式---导航栏字体颜色 */
.App-header .Button{color: #fff !important;}
/* 日间模式---编辑框主题颜色修改 */
.ComposerBody-header h3{color:#000 !important;}
}
/* ▲日间模式 ▼夜间模式 */
/* ▲日间模式 ▼夜间模式 */
/* ▲日间模式 ▼夜间模式 */
body when (@config-dark-mode = true){
/* 夜间模式---导航栏添加分割线 */
.sideNav .Dropdown--select .Dropdown-menu>.Dropdown-separator{border-bottom: 1px solid rgba(255,255,255,.1);}
/* 夜间模式---手机端帖子流背景色 */
@media (max-width: 767px){.DiscussionListItem-content{background-color:#15202b;border-bottom: 10px solid #1c283b;}}
/* 夜间模式---手机端第一条帖子 */
@media (max-width: 767px){ul.DiscussionList-discussions>li:first-child{border-top:10px solid #1c283b;}}
/* 夜间模式---欢迎横幅和用户资料背景 */
.Hero.DiscussionHero.DiscussionHero--colored,.darkenBackground{background-color:RGB(0,150,95) !important;}
/* 夜间模式---帖子展示框分隔栏颜色 */
@media (max-width: 767px){.DiscussionListItem-content {border-bottom:10px solid #1c283b;}}
/* 夜间模式---投票展示区背景色 */
.DiscussionListItem-votes.alternateLayout {background-color: #1c283b;}
/* 夜间模式---帖子背景色 */
.DiscussionListItem {background: #15202B !important;}
/* 夜间模式---悬停帖子背景色 */
.DiscussionListItem:hover {background: #1D283B !important;}
/* 夜间模式---帖子背景色 */
.Hero.TagHero.TagHero--colored, .Hero.DiscussionHero{background:#00965F !important;}
/* 夜间模式---导航栏字体颜色 */
.App-header .Button{color: #fff !important;}
/* 夜间模式---调整博客文章页面的阴影 */
.FlarumBlog-Article{box-shadow: 1px 3px 9px 10px #15202b;}
}
/* ▲夜间模式 ▼PC&平板模式 */
/* ▲夜间模式 ▼PC&平板模式 */
/* ▲夜间模式 ▼PC&平板模式 */
@media (min-width:768px) {
/* PC&平板端----移动标签位置 */
.IndexPage .DiscussionListItem-info>.item-tags, .UserPage .DiscussionListItem-info>.item-tags {position: absolute;left: 90px;top: unset !important;max-width: 500px!important;font-size: 13px!important;bottom: 14px;-webkit-mask-image: initial!important;}
/* PC&平板端----调整【我已阅读并同意服务条款】选择框位置 */
.checkbox input[type=checkbox], .checkbox input[type=radio]{margin-top: 6px !important;}
/* PC&平板端----调整帖子展示框 */
.DiscussionListItem-content {padding-left: 80px;padding-right: 80px;padding-top: 10px;padding-bottom: 8px;border: 0 solid #f4f4f4;}
/* PC&平板端----使帖子流以独立框展示 */
.DiscussionListItem {position: relative;margin-right: 0;padding-right: 0;padding-left: 0;margin-left: 0;border-radius: 6px;margin-top: 20px;transition: background .2s;}
/* PC&平板端----扩宽帖子展示框 */
.DiscussionListItem-main {margin-left: -82px;padding-left: 92px;padding-bottom: 50px;}.item-terminalPost {bottom: 14px!important;right: 170px!important;position: absolute!important;border-radius: 4px;padding-top: 1px;padding-bottom: 1px;padding-left: 4px;padding-right: 4px;}
/* PC&平板端----调整帖子展示徽标位置 */
.DiscussionListItem-badges {margin-left: 0;position: absolute;right: 40px;}
/* PC&平板端----移动回复统计图标位置 */
.DiscussionListItem-count {float: right;text-decoration: none;position: absolute;right: 115px;bottom: 16px;padding-left: 0!important;line-height: normal;}
/* PC&平板端----调整浏览人数图标位置 */
.item-discussion-views {margin-right: -7px!important;float: left;margin-top: 68px;bottom: 10px;}
/* PC&平板端----取消电脑端帖子标题长度限制 */
.IndexPage .DiscussionListItem-title, .UserPage .DiscussionListItem-title {margin-right: unset !important;}
/* PC&平板端----投票展示区优化 */
.DiscussionListItem-votes.alternateLayout {left: 0 !important;top: 0 !important;height: 100% !important;padding-top: 30px !important;font-weight: 600;}
/* PC&平板端----移动帖子头像位置 */
.DiscussionListItem-votes.alternateLayout+.DiscussionListItem-author{margin-top:6px;}
/* PC&平板端----修改回复统计图标 */
.DiscussionListItem-count:before {font-family: 'Font Awesome 5 Free';content: "\f27a";}
/* PC&平板端----取消用户回复时间背景色 */
body .item-terminfalPost {background-color: unset !important;}
/* PC&平板端----全局调整 */
body {line-height:1.8 !important;font-size:14px !important;-webkit-tap-highlight-color: rgba(18,18,18,0);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;}
}
/* ▲PC&平板模式 ▼Mobile模式 */
/* ▲PC&平板模式 ▼Mobile模式 */
/* ▲PC&平板模式 ▼Mobile模式 */
@media (max-width:767px) {
/* Mobile端----移动标签位置 */
.DiscussionListItem-info>.item-tags {left: 62px;-webkit-mask-image: linear-gradient(to right,#000 140px,rgba(0,0,0,0) 150px);top: 10%;}
/* Mobile端----调整帖子展示框 */
.DiscussionListItem-content {padding-left: 60px;padding-right: 40px;margin: 0;border-radius: 0;}
/* Mobile端----扩宽帖子展示框 */
.DiscussionListItem-main {margin-left: 0;padding-left: 0;padding-bottom: 50px;}
/* Mobile端----投票展示区优化 */
.DiscussionListItem-votes.alternateLayout {font-weight: 600;bottom: 8px !important;position: absolute !important;border-radius: 4px;padding-top: 1px !important;padding-bottom: 1px;display: flex;top: unset !important;text-align: unset !important;height: unset !important;width: 60px !important;line-height: unset !important;left: 10px !important;align-items: center;}
/* Mobile端----移动帖子头像位置 */
.DiscussionListItem-votes.alternateLayout+.DiscussionListItem-author {margin-left: -50px !important;margin-right: 20px !important;}
/* Mobile端----浏览数统计位置调整 */
.item-discussion-views {font-size: 14px!important;bottom: 6px;left: 75%;position: absolute !important;color: #667c99 !important;top: unset!important;background: transparent!important;}
/* Mobile端----回复数统计位置调整 */
.DiscussionListItem-count {background: transparent!important;font-size: 14px;position: absolute;bottom: 6px;right: 45px;}
/* Mobile端----添加浏览数统计图标 */
.item-discussion-views:before {display: inline-block;font-size: inherit;text-rendering: auto;font-family: 'Font Awesome 5 Free';content: '\f06e';float: left;margin-left: -21px;margin-top: 0;}
/* Mobile端----添加回复数统计图标 */
.DiscussionListItem-count:before {display: inline-block;line-height: 1;font-family: 'Font Awesome 5 Free';content: "\f27a";float: left;margin-left: -21px;margin-top: 4px;}
/* Mobile端----帖子流背景色 */
.DiscussionListItem-content{background-color:#fff;border-bottom: 10px solid #eaeaea;}
/* Mobile端----博客页面调整 */
.item-categories>.BlogCategories.BlogSideWidget,.BlogSideWidget h3{display:none;}.FlarumBlogItem{padding-bottom:unset !important;}.FlarumBlog-Article-Content-Edit-Dropdown>.ButtonGroup.Dropdown.dropdown.itemCount7>button{position: absolute !important;}
/* Mobile端----调整博客[更新博客设置]属性 */
.FlarumBlog-Article-Content-Edit-Dropdown>button{position:absolute;}
/* Mobile端----隐藏手机上的最佳回复(无关痛痒，影响布局) */
.Post--BestAnswer{display:none !important;}
/* Mobile端----调整返回顶部按钮大小 */
#btt{width:40px !important;height:40px !important;right:10px !important;}
/* Mobile端----调整会员名录顶部框 */
.IndexPage-toolbar-view, .IndexPage-toolbar-action{display:contents !important;}
/* Mobile端----调整私密主题发帖框位置 */
li.fof-byobu_primaryControl.item-newDiscussion>.Button--primary{float:right;}
/* Mobile端----博客输入框输入问题 */
.Composer:not(.minimized):before{position: fixed !important;}
}
/* ▲Mobile模式 ▼公共模式 */
/* ▲Mobile模式 ▼公共模式 */
/* ▲Mobile模式 ▼公共模式 */
/* 公共端----隐藏欢迎页 */
.Hero.WelcomeHero{display:none !important;}
/* 公共端----取消点击帖子蓝色背景效果 */
.DiscussionListItem a {-webkit-tap-highlight-color: rgba(0,0,0,0);}
/* 公共端----调整私人讨论用户名 */
.RecipientsLabel .RecipientLabel .username{margin:unset !important;font-size:10px !important;color:#aaa;}
.RecipientsLabel .RecipientLabel:first-child{padding-left:unset !important;}
/* 公共端----修改赞图标 */
.fa-arrow-up:before,.Post-actions .CommentPost-votes.alternateLayout .Post-upvote .icon:before {content: "\f35b" !important;}
/* 公共端----修改踩图标 */
.fa-arrow-down:before,.Post-actions .CommentPost-votes.alternateLayout .Post-downvote .icon:before {content: "\f358" !important;}
/* 公共端----标题溢出添加省略号 */
.DiscussionListItem-title{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* 公共端----标签与私人讨论帖子背景 */
.Hero.TagHero.TagHero--colored,.Hero.DiscussionHero{background-color:@config-primary-color !important;}
/* 公共端----帖子绿背景更改标题颜色 */
.Hero h2{color:#fff;}
/* 公共端----设置统一标签页背景 */
.FlarumBlog-Article-Categories>a{pointer-events: none;}
/* 公共端----排行页面微调 */
.rankings{margin-top:60px;}
/* 公共端----隐藏各种不顺眼的“x天后”“修改标题为xxx”“修改标签为xxx”*/
.EventPost,.PostStream-timeGap{display:none;}
/* 公共端----点击点赞的人后隐藏乱布局的“赞”字 */
.VotesModal-list>div>legend{display:none;}
/* 公共端----取消FancyBox底部边框线 */
.Post-body a{border-bottom: unset !important;}
/* 公共端----修改回复统计未读图标 */
.unread .DiscussionListItem-count:before{font-family: 'Font Awesome 5 Free';content: "\f27a" !important;}
/* 公共端----回复统计图标未读颜色修改 */
.unread .DiscussionListItem-count{color:#d13e32 !important;}
/* 公共端----隐藏博客标签选择按钮，防止发到其它板块去 */
.FlarumBlogItem .FlarumBlog-Article .FlarumBlog-Article-Container .FlarumBlog-Article-Categories>a:not(:first-child){display:none;}
/* 公共端----调整私密主题可见范围输入框 */
.AddRecipientModal-form-input input.RecipientsInput{margin:0 0 10px 0 !important;}
/* 公共端----修改帖子字体大小 */
.Post-body{font-size:16px !important;}
/* 公共端----调整“楼主”布局 */
.topicStarter{padding:2px 5px 2px 5px !important;}
/* 公共端----调整小黑屋位置标题的右边距 */
.Notification.Flag>.Notification-content{margin-right: 8px !important;}
/* 固定导航栏 */
@media (min-width: 992px) {:not(.TagsPage-nav).sideNav,:not(.TagsPage-nav).sideNav>ul {width: 190px;position: sticky;top: 80px;}.App {overflow-x: visible;}}
/* 公共端----调整取消博客页面的淡黄背景 */
.BlogItemPage{background:unset !important;}
/* 公共端----调整博客文章页面的阴影 */
.FlarumBlog-Article{box-shadow: 1px 3px 9px 10px #e4edf6;}
/* 公共端----调整帖子对齐方式 */
.Post-body{text-align: justify;}
/* 公共端----调整代码显示区域最大高度 */
.Post-body pre{max-height: 39rem;}
/* 公共端---调整代码(非块)背景色 */
.Post-body code{color: #cc7832 !important;}