!816 修复:黑暗模式虚拟盒子UI

src/Add-on/Template/DrawVisualSpaceBox.tsx

@@ -1,4 +1,4 @@
-import { Button, Classes, Intent, Label } from '@blueprintjs/core';
+import { Button, Classes, Intent, Label, Card } from '@blueprintjs/core';
 import { observable, toJS } from 'mobx';
 import { observer } from 'mobx-react';
 import * as React from 'react';
@@ -99,8 +99,8 @@ class DrawVisualSpaceBoxModal extends React.Component<{ option: IVSProps; }, {}>
     render()
     {
         return (
-            <div style={{
+            <Card
-                background: "#fff",
+                style={{
                     padding: 20,
                 }}>
                 <h3>可视化盒子</h3>
@@ -129,7 +129,7 @@ class DrawVisualSpaceBoxModal extends React.Component<{ option: IVSProps; }, {}>
                         onClick={this.onCancel}
                     />
                 </div>
-            </div>
+            </Card>
         );
     }
     private onOk = () =>

src/UI/MaterialEditor/GoodsList.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { observable, IObservableValue } from 'mobx';
-import { InputGroup, Icon, Classes } from '@blueprintjs/core';
+import { InputGroup, Icon, Classes, Card } from '@blueprintjs/core';
 import { RequestStatus, PostJson } from '../../Common/Request';
 import { ShopUrls } from '../../Common/HostUrl';
 import { appCache } from '../../Common/AppCache';
@@ -43,7 +43,7 @@ export class GoodsList extends React.Component<IGoodsListProps> {
             this.props.open.get() &&
             <>
 
-                <div className="search-shop"
+                <Card className="search-shop"
                     tabIndex={-1}
                     onKeyUp={this.handleKeyDown}
                 >
@@ -106,7 +106,7 @@ export class GoodsList extends React.Component<IGoodsListProps> {
                             getImgListFun={this.handleSearch}
                         />
                     }
-                </div>
+                </Card>
                 <div className="masking" onClick={this.handleHideSelect}></div>
             </>
         );

src/UI/MaterialEditor/Material.less

@@ -144,7 +144,6 @@
     right: 30px;
     z-index: 35;
     padding: 10px;
-    background: #fff;
     font-size: 16px;
     width: 740px;
     outline: 1px solid #ccc;
@@ -154,7 +153,7 @@
 
         span {
             width: 25%;
-            background: #ccc;
+            outline: 1px solid #ccc;
             padding: 5px 5px;
         }
     }