mirror of
https://github.com/nezhahq/nezha.git
synced 2025-01-22 20:58:14 -05:00
e9428d5757
* 主题优化及bug修复 default主题 1.修复主box过宽导致的系列问题（pc和移动端） 2.network页面适配深色模式和浅色模式 status-server主题 1. network页面折线图取数逻辑优化，丢包率一直是100%时，不显示丢包markline线 2. 隐藏所有table横向滚动条 3. 关闭折线图hover效果，大幅提升echarts图表渲染速度 4. 移动端页底显示位置优化 * 刷新cdn缓存 * 修复default深色模式在ios设备不生效bug * 1. 恢复主baox 1680px宽度，用其他方式修复上一版存在bug（移动端左右留空不一致等） 2. 首页echarts自动适配深色浅色模式 * fix
142 lines
2.9 KiB
CSS
142 lines
2.9 KiB
CSS
html[nz-theme='dark'] body {
|
|
background-color: #121212 !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.menu {
|
|
background-color: #282828 !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.menu * {
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .accordion {
|
|
background-color: #282828 !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .accordion .title {
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.card {
|
|
background-color: #3f3f3f !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .header {
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .description {
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .icon {
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.popup {
|
|
background-color: #575757 !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.table {
|
|
background-color: #282828 !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui thead th {
|
|
background-color: #3f3f3f !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.buttons .button {
|
|
background-color: #3f3f3f !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.modal {
|
|
background-color: #282828 !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.modal * {
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] textarea,
|
|
html[nz-theme='dark'] input,
|
|
html[nz-theme='dark'] select,
|
|
html[nz-theme='dark'] .dropdown {
|
|
background-color: #3f3f3f !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.message {
|
|
background-color: unset !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.dropdown .menu {
|
|
background-color: #575757 !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.modal>.header {
|
|
background-color: #3f3f3f !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.modal>.content {
|
|
background-color: #282828 !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.modal>.actions {
|
|
background-color: #3f3f3f !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] #alert {
|
|
background-color: #3f3f3f !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.form .field>label {
|
|
color: unset !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.segment {
|
|
background-color: #3f3f3f !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.segment textarea,
|
|
html[nz-theme='dark'] input,
|
|
html[nz-theme='dark'] select,
|
|
html[nz-theme='dark'] .dropdown {
|
|
background-color: #575757 !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] form label {
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.inverted.segment {
|
|
background-color: #121212 !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.inverted.segment * {
|
|
color: #8b8b8b !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .menu .dropdown {
|
|
background-color: #282828 !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .ui.menu .ui.dropdown .menu>.item {
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[nz-theme='dark'] .login .ui.message{
|
|
color: #8b8b8b !important;
|
|
}
|