From 7d11a85a41b683d6f35a590113fbd40f27dc5fec Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=8E=8B=E8=89=AF?= <841369634@qq.com> Date: Fri, 12 Apr 2024 10:58:55 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9A=97=E8=89=B2=E4=B8=BB=E9=A2=98=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=EF=BC=9A=E5=8D=95=E9=80=89=E6=A1=86=E6=8C=89=E9=92=AE?= =?UTF-8?q?=E5=88=86=E9=9A=94=E7=BA=BF=E9=A2=9C=E8=89=B2=E8=B0=83=E6=9A=97?= =?UTF-8?q?=E4=BA=9B=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/gui/src/view/style/theme/dark.scss | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/packages/gui/src/view/style/theme/dark.scss b/packages/gui/src/view/style/theme/dark.scss index 6edeeed..45a3897 100644 --- a/packages/gui/src/view/style/theme/dark.scss +++ b/packages/gui/src/view/style/theme/dark.scss @@ -3,10 +3,9 @@ $dark-logo: url("../../../../public/logo/logo-lang-light.svg"); $dark-bg: #1e1f22; //背景 $dark-bg-highlight: #333; //高亮块:背景 $dark-text: #ddd; //字体颜色 -$dark-menu-selected: #1890ff; //菜单选中:字体颜色 $dark-bd: #333; //边框和分隔线 -$dark-bd2: #929292; //边框和分隔线 $dark-btn: #444; //按钮:边框和背景颜色 +$dark-input: #777; //输入框:背景色 .theme-dark{ /* 背景色和字体颜色 */ .ds_layout, .ant-layout, @@ -51,6 +50,9 @@ $dark-btn: #444; //按钮:边框和背景颜色 .ant-tabs .ant-tabs-left-content{ border-color: $dark-bd; } + .ant-radio-button-wrapper:not(:first-child)::before { + background-color: #666; + } /* 左侧 */ /** 背景色 **/ @@ -71,8 +73,8 @@ $dark-btn: #444; //按钮:边框和背景颜色 .ant-menu-submenu .ant-menu-submenu-title:hover, .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{ background: $dark-bg-highlight; - color: $dark-menu-selected; - span{ color: $dark-menu-selected; } + color: #1890ff; + span{ color: #1890ff; } } /* 输入框、下拉框 */ @@ -80,7 +82,7 @@ $dark-btn: #444; //按钮:边框和背景颜色 .ant-input-number-input, .ant-input-number, .ant-select-selection, .ant-input-group-addon{ - background: #777; + background: $dark-input; border-color: #aaa; color: $dark-text; &:hover, &:focus{ @@ -90,10 +92,10 @@ $dark-btn: #444; //按钮:边框和背景颜色 /* 卡片消息:IP测速 */ .ant-card{ - background: #777; - border-color: #777; + background: $dark-input; + border-color: $dark-input; .ant-card-head{ - border-bottom-color: $dark-bd2; + border-bottom-color: #929292; } }