Optimize Dark Theme & Ultra Dark (#1889)

---------

Co-authored-by: MHSanaei <ho3ein.sanaei@gmail.com>
Co-authored-by: Alireza Ahmadi <alireza7@gmail.com>
This commit is contained in:
Tara Rostami
2024-02-28 14:35:01 +03:30
committed by GitHub
parent 806b57f959
commit 836ee29b78
18 changed files with 322 additions and 215 deletions

View File

@@ -10,23 +10,11 @@
margin-inline: 0.3rem;
}
}
.ant-col-sm-24 {
margin-top: 10px;
}
.ant-card-dark h2 {
color: hsla(0, 0%, 100%, .65);
}
.dark .ant-card-hoverable:hover,
.dark .ant-space-item > .ant-tabs:hover {
transform: scale(0.987);
outline-color: #40434d;
}
.dark .ant-card-bordered {
outline: 2px solid var(--dark-color-background);
color: var(--dark-color-text-primary);
}
</style>
@@ -104,8 +92,8 @@
<a-col :sm="24" :lg="12">
<a-card hoverable>
<b>{{ i18n "pages.index.operationHours" }}:</b>
<a-tag color="green">Xray [[ formatSecond(status.appStats.uptime) ]]</a-tag>
<a-tag color="green">OS [[ formatSecond(status.uptime) ]]</a-tag>
<a-tag :color="status.xray.color">Xray: [[ formatSecond(status.appStats.uptime) ]]</a-tag>
<a-tag color="green">OS: [[ formatSecond(status.uptime) ]]</a-tag>
</a-card>
</a-col>
<a-col :sm="24" :lg="12">
@@ -153,10 +141,10 @@
<a-card hoverable>
<b>{{ i18n "usage"}}:</b>
<a-tag color="green">
RAM [[ sizeFormat(status.appStats.mem) ]]
RAM: [[ sizeFormat(status.appStats.mem) ]]
</a-tag>
<a-tag color="green">
Threads [[ status.appStats.threads ]]
Threads: [[ status.appStats.threads ]]
</a-tag>
</a-card>
</a-col>