gandc/x-ui
1
0
Fork 0
mirror of https://github.com/alireza0/x-ui.git synced 2026-03-21 08:15:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Dark-Mode: Better contrast

Browse Source
This commit is contained in:
Alireza Ahmadi
2023-03-19 19:59:35 +01:00
parent eb17cec289
commit 7a9a30a038
3 changed files with 57 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
web/assets/css/custom.css
View File

@@ -266,4 +266,56 @@
.ant-drawer-dark .drawer-handle {
background-color: #001529;
border: 1px solid hsla(0,0%,100%,.30);
}
.ant-card-dark .ant-tag-blue {
color: #188fffa0;
background-color: #061c2c;
border-color: #91d5ffa0;
}
.ant-card-dark .ant-tag-green {
color: #52c41aa0;
background-color: #192c06;
border-color: #b7eb8fa0;
}
.ant-card-dark .ant-tag-cyan {
color: #13c2c2a0;
background-color: #052b25;
border-color: #87e8dea0;
}
.ant-card-dark .ant-tag-red {
color: #f5222da0;
background-color: #210503;
border-color: #ffa39ea0;
}
.ant-card-dark .ant-tag-orange {
color: #fa8c16a0;
background-color: #2d2106;
border-color: #ffd591a0;
}
.ant-card-dark .ant-table-row-expand-icon {
background: none;
}
.ant-card-dark .ant-switch-checked {
background-color: #0c61b0;
}
.ant-card-dark .ant-btn {
color: hsla(0,0%,100%,.65);
background: none;
border: 1px solid hsla(0,0%,100%,.65);
}
.ant-card-dark .ant-btn-primary {
color: hsla(0,0%,100%,.65);
background-color: #073763;
border-color: #1890ff;
text-shadow: 0 -1px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 0 rgba(0,0,0,.045);
}

4
web/html/xui/inbounds.html
View File

@@ -11,10 +11,6 @@
.ant-col-sm-24 {
margin-top: 10px;
}
.ant-table-row-expand-icon {
color: rgba(0,0,0,.65);
}
</style>
<body>
<a-layout id="app" v-cloak>

10
web/html/xui/index.html
View File

@@ -84,16 +84,16 @@
</template>
<a-icon type="question-circle" theme="filled"></a-icon>
</a-tooltip>
<a-tag color="green" @click="openSelectV2rayVersion">[[ status.xray.version ]]</a-tag>
<a-tag color="blue" @click="stopXrayService">{{ i18n "pages.index.stopXray" }}</a-tag>
<a-tag color="blue" @click="restartXrayService">{{ i18n "pages.index.restartXray" }}</a-tag>
<a-tag color="blue" @click="openSelectV2rayVersion">{{ i18n "pages.index.xraySwitch" }}</a-tag>
<a-tag color="green" style="cursor: pointer;" @click="openSelectV2rayVersion">[[ status.xray.version ]]</a-tag>
<a-tag color="blue" style="cursor: pointer;" @click="stopXrayService">{{ i18n "pages.index.stopXray" }}</a-tag>
<a-tag color="blue" style="cursor: pointer;" @click="restartXrayService">{{ i18n "pages.index.restartXray" }}</a-tag>
<a-tag color="blue" style="cursor: pointer;" @click="openSelectV2rayVersion">{{ i18n "pages.index.xraySwitch" }}</a-tag>
</a-card>
</a-col>
<a-col :sm="24" :md="12">
<a-card hoverable :class="siderDrawer.isDarkTheme ? darkClass : ''">
{{ i18n "pages.index.operationHours" }}:
<a-tag color="#87d068">[[ formatSecond(status.uptime) ]]</a-tag>
<a-tag color="green">[[ formatSecond(status.uptime) ]]</a-tag>
<a-tooltip>
<template slot="title">
{{ i18n "pages.index.operationHoursDesc" }}