2020 BLACK Flarum Theme By Yannisme

琢磨着~ 是否要弄个暗夜风格，还是正常的那种。。。
我已经是一个成熟的人了，还要什么选择！
本主题需搭配夜间模式使用，白夜模式正在琢磨中…

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 | 效果截图

Feb. 12, 2020