哪吒探针主题

吒探针主题，备份下css。
样式一

<style>
.nav-bar {
    padding:0;
}
.nav-menu li a {
    background-color:#2f405a;
}
.info-body ul {
    font-size:12px;
    width:auto;
    align-content:center;
    justify-items:stretch;
}
.info-body ul li {
    margin:.2em;
    padding:.2em;
}
ul {
    padding-inline-start:0;
}
.server-info-container {
    border-radius:6px;
    border:1px solid #d9d9d9;
}
server-info-container {
    display:flex;
}
img {
    padding:4px 0;
}
#app {
    grid-template-columns:repeat(4,1fr);
    grid-gap:2em;
    justify-content:center;
    margin:1em auto;
}
.info-body ul li img {
    border:0 solid rgba(0,0,0,.25);
    border-radius:0;
}
body[data-theme=dark] .info-body ul li img {
    border:0 solid rgba(255,255,255,.3);
}
body[data-theme=dark] .info-body .ui.progress.warning>.progress-bar {
    background-color:#fcbd5e !important;
}
/* 隐藏上传下载图标*/
.info-body ul li:nth-child(10):before {
    content:"下载";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
}
.info-body ul li:nth-child(11):before {
    content:"上传";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
}
</style>
<script>
        /* 设置模式 light dark*/
    window.onload = function() {
    $.showConfirmButton=false;
    document.getElementsByTagName("BODY")[0].setAttribute('data-theme','dark');
}
</script>

样式二

<style>
td {
    text-align:center;
}
.ui.progress {
    margin-left:auto;
    max-width:100%;
}
/*隐藏 alerts 弹窗*/
.ui-alerts {
    display:none;
}
.table > thead > tr > th {
    padding:16px 1px !important;
    width:40px;
}
.container {
    width:1150px;
    padding-right:5px;
    padding-left:5px;
}
b,strong {
    color:#ffffff;
    line-height:25rem;
}
h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child {
    margin-bottom:0;
    background:url(https://vkceyugu.cdn.bspapp.com/VKCEYUGU-b48d5553-8a2e-48fb-a37d-3adb6d54c0da/550081a9-1425-4779-9993-f269348f91b3.png) center no-repeat;
}
.hotaru-cover {
    background:rgba(66,64,64,.15);
}
body {
    color:rgb(0 0 0 / 95%);
    line-height:2.1em;
}
.table > thead > tr > th {
    padding:16px 10px;
    vertical-align:bottom;
    border-bottom:1px solid #edeff2;
    color:#142ac5;
    font-size:18px;
    font-weight:bold;
}
table tr {
    height:4em !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color:#fafafa;
}
.state-online {
    background-color:#21ba45;
    border-radius:0.3em;
}
.ui.progress .bar {
    text-align:right;
    padding-right:0.4em;
    background-color:#21ba45 !important;
    border-radius:0.5rem;
}
.page-section {
    padding-top:10px;
    padding-bottom:5px;
}
.table {
    font-weight:600;
}
</style>
<script>
        /* 设置模式 light dark*/
    window.onload = function() {
    $('body').removeClass('dark');
}
</script>