演示:
哪吒监控主题
登陆后台
添加代码到

自定义代码(style、script 都可以)

代码如下:

<style>
/* 屏幕适配 */

@media only screen and (min-width: 1200px) {
  .ui.container {
    width: 77%;
  }
}

@media only screen and (max-width: 767px) {
  .ui.card>.content>.header:not(.ui), .ui.cards>.card>.content>.header:not(.ui) {
    margin-top: 0.5em;
  }
}



/* 图标颜色 */

i.icon {
        color: #000;
}



/* 菜单颜色 */

.ui.large.menu {
    background-color: rgba(255, 255, 255, 55%);
}

.ui.dropdown .menu {
  border: 0;
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 55%);
}



/* 登录按钮颜色 */

.nezha-primary-btn {
    background-color: #21ba45 !important;
    color: #fff;
}



/* 背景图片 */

body {
 content: " ";
  background: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(https://ae01.alicdn.com/kf/H21b5f6b8496141a1979a33666e1074d9x.jpg);
}



/* 大卡片 */

#app .ui.fluid.accordion {
    background-color: #fbfbfb26;
    border-radius: 0.4rem;
}



/* 小卡片 */

.ui.four.cards>.card {
    border-radius: 0.6rem;
    background-color: #fafafaa3;
}



/* 小卡片右上角颜色 */

.nezha-secondary-font {
  color: rgba(252, 166, 7, 0.952) !important;
}



/* 右上角弹出来的卡片 */

.status.cards .ui.content.popup {
    border-radius: 1rem;
    background-color: rgba(255, 255, 255, 85%);
}



/* 进度条圆角和颜色 */

.ui.progress{border-radius:50rem}
.ui.progress .bar {
  min-width: 1.8em !important;
  border-radius: 15px;
  line-height: 1.65em;
  }

.ui.fine.progress> .bar {
  background-color: #21ba45!important;
}
.ui.progress> .bar {
  background-color: #000!important;
}
.ui.progress.fine .bar {
  background-color: #21ba45!important;
}
.ui.progress.warning .bar {
  background-color: #ff9800!important;
}
.ui.progress.error .bar {
  background-color: #e41e10!important;
}
.ui.progress.offline .bar {
  background-color: #000!important;
}



/* 上传下载图标颜色 */

i.arrow.alternate.circle.down.outline.icon {
    color: green;
}

i.arrow.alternate.circle.up.outline.icon {
    color: #ff0000;
}



/* 版权 */

.ui.inverted.segment, .ui.primary.inverted.segment {
    color: #000;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 25%)
}
</style>

<script>
window.onload = function(){
var avatar=document.querySelector(".item img")
var footer=document.querySelector("div.is-size-7")
footer.innerHTML="七年的小鸡监控"
footer.style.visibility="visible"
avatar.src="https://loli.bj/favicon.ico"
avatar.style.visibility="visible"
}
</script>