Alex-Devera/3x-ui
1
0
Fork 0
mirror of https://github.com/MHSanaei/3x-ui.git synced 2026-06-05 20:54:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

refactor(logs): collapse log-container dark forks to AntD CSS variables

Browse source 
LogModal and XrayLogModal each had a body.dark fork that overrode the
log container's background, border-color, and text color in addition
to the --log-* severity tokens. Background/border/color all map cleanly
to var(--ant-color-fill-tertiary) / var(--ant-color-border) /
var(--ant-color-text) which already adapt to the theme, so only the
severity color tokens remain inside the dark/ultra-dark blocks.
This commit is contained in:
MHSanaei 2026-05-25 13:33:37 +02:00
parent a5c04d0f62
commit bb69cad361
No known key found for this signature in database
GPG key ID: 7E4060F2FBE5AB7A
2 changed files with 4 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/pages/index/LogModal.css
View file

@ -34,7 +34,8 @@
overflow-y: auto; overflow-y: auto;
border: 1px solid var(--ant-color-border); border: 1px solid var(--ant-color-border);
border-radius: 6px; border-radius: 6px;
background: rgba(0, 0, 0, 0.04); background: var(--ant-color-fill-tertiary);
color: var(--ant-color-text);
} }
.log-stamp { .log-stamp {
@ -140,10 +141,6 @@
} }
body.dark .log-container { body.dark .log-container {
background: rgba(255, 255, 255, 0.03);
border-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.88);
--log-stamp: #6aa6ee; --log-stamp: #6aa6ee;
--log-debug: #6aa6ee; --log-debug: #6aa6ee;
--log-info: #4ed3a6; --log-info: #4ed3a6;

7
frontend/src/pages/index/XrayLogModal.css
View file

@ -25,7 +25,8 @@
overflow: auto; overflow: auto;
border: 1px solid var(--ant-color-border); border: 1px solid var(--ant-color-border);
border-radius: 6px; border-radius: 6px;
background: rgba(0, 0, 0, 0.04); background: var(--ant-color-fill-tertiary);
color: var(--ant-color-text);
} }
.log-container-mobile { .log-container-mobile {
@ -110,10 +111,6 @@
} }
body.dark .log-container { body.dark .log-container {
background: rgba(255, 255, 255, 0.03);
border-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.88);
--log-blocked: #ff7575; --log-blocked: #ff7575;
--log-proxy: #6aa6ee; --log-proxy: #6aa6ee;
--log-divider: rgba(255, 255, 255, 0.1); --log-divider: rgba(255, 255, 255, 0.1);