diff --git a/packages/flat-components/src/components/DeviceTestPage/CameraTest/style.less b/packages/flat-components/src/components/DeviceTestPage/CameraTest/style.less index c5698e86ab2..2263a4d5ca6 100644 --- a/packages/flat-components/src/components/DeviceTestPage/CameraTest/style.less +++ b/packages/flat-components/src/components/DeviceTestPage/CameraTest/style.less @@ -7,6 +7,7 @@ height: 240px; width: 100%; position: relative; + border-radius: 6px; background-color: #000; } @@ -16,6 +17,12 @@ left: 0; right: 0; bottom: 0; + > div { + background-color: #fff !important; + > video { + border-radius: 6px; + } + } } .camera-test-select-box { @@ -33,8 +40,8 @@ align-items: center; justify-content: center; height: 240px; - border-radius: 4px; - background: #1a1e21; + border-radius: 6px; + background: var(--grey-11); z-index: 1; > span { @@ -45,3 +52,11 @@ display: flex; } } + +.flat-color-scheme-dark { + .camera-box { + > div { + background-color: var(--grey-10) !important; + } + } +} diff --git a/packages/flat-components/src/components/DeviceTestPage/DeviceTestSelect/style.less b/packages/flat-components/src/components/DeviceTestPage/DeviceTestSelect/style.less index ea13ff402ec..e2c168bd487 100644 --- a/packages/flat-components/src/components/DeviceTestPage/DeviceTestSelect/style.less +++ b/packages/flat-components/src/components/DeviceTestPage/DeviceTestSelect/style.less @@ -22,8 +22,8 @@ text-align: left; height: 36px; cursor: not-allowed; - color: rgba(68, 78, 96, 0.5); - background-color: #f3f6f9; + color: var(--text); + background-color: var(--grey-0); > img { padding-right: 10px; @@ -31,6 +31,18 @@ } > .ant-btn:hover { - border-color: #d9d9d9; + border-color: var(--grey-0); + } +} + +.flat-color-scheme-dark { + .device-test-select-disabled-btn { + > .ant-btn { + background-color: var(--grey-9); + } + + > .ant-btn:hover { + border-color: var(--grey-7); + } } } diff --git a/packages/flat-components/src/components/DeviceTestPage/MicrophoneTest/style.less b/packages/flat-components/src/components/DeviceTestPage/MicrophoneTest/style.less index 64104dd2b99..070991cb482 100644 --- a/packages/flat-components/src/components/DeviceTestPage/MicrophoneTest/style.less +++ b/packages/flat-components/src/components/DeviceTestPage/MicrophoneTest/style.less @@ -31,3 +31,23 @@ white 30px ); } + +.flat-color-scheme-dark { + .microphone-test-wrapper { + background-color: var(--grey-9); + } + + .microphone-test-volume { + background-color: var(--green-7); + } + + .microphone-test-mask { + background: repeating-linear-gradient( + to right, + transparent, + transparent 29px, + var(--grey-10) 1px, + var(--grey-10) 30px + ); + } +} diff --git a/packages/flat-components/src/components/PeriodicRoomPage/index.less b/packages/flat-components/src/components/PeriodicRoomPage/index.less index 59ac968536b..7bf4e7c0065 100644 --- a/packages/flat-components/src/components/PeriodicRoomPage/index.less +++ b/packages/flat-components/src/components/PeriodicRoomPage/index.less @@ -14,6 +14,7 @@ .periodic-room-panel-btn-list { display: flex; flex-direction: row-reverse; + padding-bottom: 16px; .ant-btn { width: 128px; diff --git a/packages/flat-components/src/theme/antd.mod.less b/packages/flat-components/src/theme/antd.mod.less index c5275ea6551..c4d6d231283 100644 --- a/packages/flat-components/src/theme/antd.mod.less +++ b/packages/flat-components/src/theme/antd.mod.less @@ -535,6 +535,11 @@ .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input { background-color: var(--grey-9); } + + .ant-form-item-has-error .ant-input-number:not([disabled]):hover, + .ant-form-item-has-error .ant-picker:not([disabled]):hover { + background-color: var(--grey-10); + } } .ant-form-item-control-input { @@ -828,6 +833,10 @@ background-color: var(--blue-1); } } + + .ant-empty-description { + color: var(--text); + } } }