Implant dark mode

[YueMiyuki]

Moved from #367

@jeessy2

[jeessy2]

顶部背景/按钮是蓝色的？风格可以参考ant-design

[YueMiyuki]

是要改么？不太明白你的意思

[jeessy2]

最好处理一下，这个暗黑模式看上去有点儿奇怪

[jeessy2]

输入框和蓝色的背景都需要处理。参考ant-design的暗黑模式

[YueMiyuki]

这样如何呢?

.navbar 改为渐变色

.navbar {
    /* background-color: #202225; */
    background-image: linear-gradient(#202225, #36393f) !important;
    color: #EEEEEE;
}

[jeessy2]

可以。BUTTON颜色保持bootstrap默认就好

[YueMiyuki]

bootstrap颜色感觉太鲜艳了，比对下
Bootstrap:

更改后:

[jeessy2]

你去参考ant-design的暗黑模式吧，暗黑模式/白天模式的buttuon也没调色

[YueMiyuki]

测试Webhook与保存按钮需要统一颜色吗?

[jeessy2]

统一啊，不统一不好看。save按钮太大了，保持和以前相同就好了

[YueMiyuki]

感觉save按钮跟上面form持平会自然点，你觉得呢

[jeessy2]

button没看到占一整块的

可以参考下其它项目的暗色模式，输入框背景色，文本颜色，button样式
github https://github.com/new

ant-design的暗色模式 ant-design

[yin1999]

一个建议，有些人可能更喜欢亮色的主题，是否考虑使用 CSS 媒体查询加手动调整按钮。

[jeessy2]

一个建议，有些人可能更喜欢亮色的主题，是否考虑使用 CSS 媒体查询加手动调整按钮。

有肯定更好了

[YueMiyuki]

可以有

[YueMiyuki]

可以先看下 @jeessy2 @yin1999

[YueMiyuki]

@jeessy2 可以了

[jeessy2]

1. 默认亮色？
2. 暗色select背景色需调整
3. 暗色其它细节可以在优化下？颜色#FFFFFF，这个太白了，参考其它暗色模式的调整下

[yin1999]

可以参考这个，是可以通过媒体查询确定用户默认偏好的主题色：https://fe-blog.workplus.io/dark-mode-guide-on-web

[YueMiyuki]

这样可以吗 @jeessy2 @yin1999

[jeessy2]

暗色模式：输入框的边框颜色有点亮，有两个下拉框样式没调整，参考github/ant-design调整

[YueMiyuki]

@jeessy2

[jeessy2]

通过网卡获取的背景色没改？
白天模式的日志的文本颜色不对

[YueMiyuki]

@jeessy2

[jeessy2]

总体不错了。还有些地方不是很完善

1. 通过网卡获取 有白色边框, 没统一，文本颜色也不统一
2. 整体背景不是纯黑（有点偏灰），参考github调整下，其它细节也要调整

[YueMiyuki]

参考GitHub主题做出了修改 @jeessy2

[jeessy2]

不错了。日志的文本大小调成15px了？感觉有点大了

[YueMiyuki]

将logs字体改回13px了

[YueMiyuki]

@jeessy2

[jeessy2]

@ItzMiracleOwO thanks