style: dark theme for scroller

src/pages/resources/components/styles/installation.less

@@ -7,7 +7,7 @@
     border-left: 2px solid var(--ant-color-split);
     margin-bottom: 16px;
     padding-left: 16px;
-    background: var(--color-fill-sider);
+    background: var(--ant-color-fill-tertiary);
     border-radius: 2px;
     list-style-type: decimal;
 
@@ -23,6 +23,7 @@
   .ant-radio-button-wrapper {
     flex: auto;
     font-size: var(--font-size-small);
+    background-color: var(--ant-tabs-card-bg);
   }
 }
 

src/pages/resources/components/update-labels.tsx

@@ -2,11 +2,11 @@ import LabelSelector from '@/components/label-selector';
 import ModalFooter from '@/components/modal-footer';
 import ScrollerModal from '@/components/scroller-modal';
 import SealInput from '@/components/seal-form/seal-input';
+import SimpleOverlay from '@/components/simple-overlay';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import _ from 'lodash';
 import React from 'react';
-import SimpleBar from 'simplebar-react';
 import 'simplebar-react/dist/simplebar.min.css';
 
 type ViewModalProps = {
@@ -67,7 +67,7 @@ const UpdateLabels: React.FC<ViewModalProps> = (props) => {
         <ModalFooter onOk={handleSumit} onCancel={onCancel}></ModalFooter>
       }
     >
-      <SimpleBar
+      <SimpleOverlay
         style={{
           maxHeight: '550px'
         }}
@@ -131,7 +131,7 @@ const UpdateLabels: React.FC<ViewModalProps> = (props) => {
             ></LabelSelector>
           </Form.Item>
         </Form>
-      </SimpleBar>
+      </SimpleOverlay>
     </ScrollerModal>
   );
 };