feat(designTokens): use dt to replace old theme

UCloud-FE · Sep 7, 2020 · c82f17a · c82f17a
1 parent c0e8cb4
commit c82f17a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/src/components/Form/style/index.js b/src/components/Form/style/index.js
@@ -48,7 +48,7 @@ export const GroupTitle = withProps({
 })(
     styled('div')(props => {
         const {
-            theme: { colorList, colorMap, titleFontSize }
+            theme: { designTokens: DT }
         } = props;
 
         return css`
@@ -58,9 +58,9 @@ export const GroupTitle = withProps({
             margin-bottom: 24px;
 
             ${css`
-                font-size: ${titleFontSize};
-                border-bottom: 1px solid ${colorMap.default.border};
-                color: ${colorList.title};
+                font-size: 14px;
+                border-bottom: 1px solid ${DT.T_COLOR_LINE_DEFAULT_DARK};
+                color: ${DT.T_COLOR_TEXT_DEFAULT_DARK};
             `};
         `;
     })

diff --git a/src/components/Table/style/index.js b/src/components/Table/style/index.js
@@ -16,12 +16,12 @@ export const prefixCls = _prefixCls + '-table';
 export const SortIcon = withProps()(
     styled(Icon)(props => {
         const {
-            theme: { colorList }
+            theme: { designTokens: DT }
         } = props;
 
         return css`
             vertical-align: middle;
-            color: ${colorList.black};
+            color: ${DT.T_COLOR_TEXT_DEFAULT_DARK};
         `;
     })
 );

diff --git a/src/components/Upload/style/index.js b/src/components/Upload/style/index.js
@@ -28,13 +28,13 @@ export const TipWrap = styled('span')`
 export const ListWrap = withProps()(
     styled('div')(props => {
         const {
-            theme: { colorMap }
+            theme: { designTokens: DT }
         } = props;
 
         return css`
             max-height: 200px;
             overflow: auto;
-            border: 1px solid ${colorMap.default.border};
+            border: 1px solid ${DT.T_COLOR_LINE_DEFAULT_DARK};
             margin-top: 6px;
         `;
     })