活力橙🍊配色 - (兼容夜间模式)
如果之前使用调用方法,请覆盖替换
<link rel="stylesheet" type="text/css" href="https://css.yannis.cn/flarumcn_orange.css">
如果是直接复制 CSS 样式,请作如下修改
配色:#f38761
,#ff8100
body{background-image:linear-gradient(to bottom,#f2f2f2,#ebebeb);background-repeat:no-repeat;background:#ebebeb}
.Hero{background:#fff!important;margin-bottom:15px}
需要在默认基础上将如上内容覆盖为以下样式
body{background:#f6f6f6 url(https://css.yannis.cn/img/flarumcn_orange/new_bodybg.png) 10px fixed}
.Hero{background:#63584f0d!important;margin-bottom:15px}
并增添如下样式
.App:before{background: linear-gradient(to right,#fb9b47,#f48663,#ee757a)}
@media (min-width:769px) {
.DiscussionPage-discussion{background:url(https://css.yannis.cn/img/flarumcn_orange/topright_bodybg.png) no-repeat right -275px}
.touch i.icon.fas.fa-check.Button-icon{color:#facfc0 !important}
}
夜间模式需要加入以下样式,可配合 FoF 夜间模式 插件使用
body.dark a{border:none}
body.dark p{color:#fff}
body.dark h3.DiscussionListItem-title{color:#ab9681!important}
body.dark h2.DiscussionHero-title{color:#ad957e}
body.dark li.item-bestAnswerPost{background:0 0}
body.dark span.BestAnswer--User .username{color:#fff}
body.dark .PostStream-timeGap{padding:0 0 15px 0}
body.dark .PostStream-timeGap span{margin-top:-20px;border-bottom:2px solid #f38761}
body.dark .Hero-subtitle,body.dark h2.Hero-title{color:#93806c}
body.dark .Post-body{border:0;box-shadow:none!important;background:none}
活力橙 🍊 Debug Log
7/19/2020
取消页头使用图片,增加流量负担,改用颜色代替,其他正在代替中…
.App:before{background: linear-gradient(to right,#fb9b47,#f48663,#ee757a)}
修复间隔错位 Bug .PostStream-item{border: 0!important}
7/23/2020
手机端消息已读插件颜色冲突
.touch i.icon.fas.fa-check.Button-icon{color:#facfc0 !important}