琢磨着~ 是否要弄个暗夜风格，还是正常的那种。。。
我已经是一个成熟的人了，还要什么选择！
本主题需搭配夜间模式使用，白夜模式正在琢磨中…
HOT TO INSTALLATION | 如何使用该风格
copy this code to your Appearance >> Custom Header or Custom Footer
复制这些片段的代码至你的后台管理中的外观>>自定义页眉/页脚
why not Custom Styles, because it CANNOT block ("@media (xxx){xxx}") here !!
为什么不放在自定义样式中，因为@media写在其中效果无法显示
Demo Link: https://bbs.kuoxo.com/ | https://bbs.kuoxo.com/d/319-2020-black-flarum-theme
Link: https://discuss.flarum.org/d/22774-2020-black-flarum-theme-by-yannisme
UPDATING | 内容更新
Welcome to give me some inspiration or a bug, I will do it all day.
谢谢你能给我一些建议或者BUG，我会仔细check的！Great？😅
- Feb. 12, 2020 第一版发布
Adapt to IPhone dark night mode
适配IPhone暗夜模式
CONTRIBUTING | 贡献
Yannisme - Just me 😀
这就是我 😀
SUGGESTIONS | 建议
💡 It needs Dark Mode
💡 本主题需搭配夜间模式使用
Choose two colors to theme your forum with. The first will be used as a highlight color, while the second will be used to style background elements.
颜色搭配，第一种作为突出显示颜色，第二种作为背景元素样式。
Colors #93d1ce , #fff
✅ please Dark Mode
✅ 勾选 夜间模式
CONTENT | 主题代码内容
Feb. 12, 2020 🌟 Does not test BUGs
<style>
@media (min-width:768px) {
.IndexPage .DiscussionListItem-info>.item-tags,.UserPage .DiscussionListItem-info>.item-tags{margin-right: 0;
position: inherit;
padding-right: 10px
}
.IndexPage .DiscussionListItem-info>.item-tags,.UserPage .DiscussionListItem-info>.item-tags {
transition: none;
-webkit-mask-image: none
}
}
body {
font: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.Alert {
background: #212121;
}
.Hero {
background: #000000 url(https://kuoxo.com/wp-content/uploads/2020/02/background.png);
}
.Hero h2,.Hero-subtitle,.App-header .Button {
font-weight: 600;
}
h3.DiscussionListItem-title {
font-size: 18px;
}
.sideNav .Dropdown--select .Dropdown-menu>li>a {
font-size: 14px;
}
.containerNarrow {
color: #1a1a1a;
}
.App-header .Button {
color: #93d1ce;
font-size: 16px;
}
.App-header .Button:hover {
color: #fff!important;
}
.App-header,.App-header a {
color: #fff;
font-weight: 700;
}
.DiscussionListItem-title,.UserPage .DiscussionListItem-title {
color: #ededed;
}
.DiscussionListItem {
margin-top: 15px;
}
.DiscussionListItem:hover {
background: #17212047;
box-shadow: 0 2px 6px #00000052;
}
h2.DiscussionHero-title,.PageHero-title>a {
color: #1a1a1a;
}
.DiscussionList-loadMore .Button {
width: 80%;
background: #00000040;
}
</style>
SCREENSHOTS | 效果截图
