chore: update style

zkwolf · zkwolf · commit 02a8bb4fdcb3 · 2021-01-10T00:31:06.000+08:00
diff --git a/components/button/style/index.less b/components/button/style/index.less
@@ -170,9 +170,9 @@
   }
 
   &-background-ghost {
-    color: @component-background;
-    background: transparent !important;
-    border-color: @component-background;
+    color: @btn-default-ghost-color;
+    background: @btn-default-ghost-bg !important;
+    border-color: @btn-default-ghost-border;
   }
 
   &-background-ghost&-primary {
diff --git a/components/card/style/index.less b/components/card/style/index.less
@@ -19,6 +19,8 @@
 
   &-hoverable {
     cursor: pointer;
+    transition: box-shadow 0.3s border-color 0.3s;
+
     &:hover {
       border-color: @card-hover-border;
       box-shadow: @card-shadow;
diff --git a/components/cascader/style/index.less b/components/cascader/style/index.less
@@ -28,7 +28,7 @@
 
     position: relative;
     display: inline-block;
-    background-color: @component-background;
+    background-color: @cascader-bg;
     border-radius: @border-radius-base;
     outline: 0;
     cursor: pointer;
@@ -127,7 +127,7 @@
     z-index: @zindex-dropdown;
     font-size: @cascader-dropdown-font-size;
     white-space: nowrap;
-    background: @component-background;
+    background: @cascader-menu-bg;
     border-radius: @border-radius-base;
     box-shadow: @box-shadow-base;
 
@@ -168,7 +168,7 @@
     overflow: auto;
     vertical-align: top;
     list-style: none;
-    border-right: @border-width-base @border-style-base @border-color-split;
+    border-right: @border-width-base @border-style-base @cascader-menu-border-color-split;
     -ms-overflow-style: -ms-autohiding-scrollbar; // https://github.com/ant-design/ant-design/issues/11857
 
     &:first-child {
@@ -203,7 +203,7 @@
       &,
       &:hover {
         font-weight: @select-item-selected-font-weight;
-        background-color: @background-color-light;
+        background-color: @cascader-item-selected-bg;
       }
     }
     &-expand {
diff --git a/components/comment/style/index.less b/components/comment/style/index.less
@@ -5,6 +5,7 @@
 
 .@{comment-prefix-cls} {
   position: relative;
+  background-color: @comment-bg;
 
   &-inner {
     display: flex;
diff --git a/components/divider/style/index.less b/components/divider/style/index.less
@@ -62,33 +62,33 @@
   &-horizontal&-with-text-left {
     &::before {
       top: 50%;
-      width: 5%;
+      width: @divider-orientation-margin;
     }
     &::after {
       top: 50%;
-      width: 95%;
+      width: 100% - @divider-orientation-margin;
     }
   }
 
   &-horizontal&-with-text-right {
     &::before {
       top: 50%;
-      width: 95%;
+      width: 100% - @divider-orientation-margin;
     }
     &::after {
       top: 50%;
-      width: 5%;
+      width: @divider-orientation-margin;
     }
   }
 
   &-inner-text {
     display: inline-block;
-    padding: 0 24px;
+    padding: 0 @divider-text-padding;
   }
 
   &-dashed {
     background: none;
-    border-color: @border-color-split;
+    border-color: @divider-color;
     border-style: dashed;
     border-width: 1px 0 0;
   }
diff --git a/components/drawer/style/drawer.less b/components/drawer/style/drawer.less
@@ -141,7 +141,7 @@
     position: relative;
     z-index: 1;
     overflow: auto;
-    background-color: @component-background;
+    background-color: @drawer-bg;
     background-clip: padding-box;
     border: 0;
   }
@@ -181,14 +181,14 @@
     position: relative;
     padding: @drawer-header-padding;
     color: @text-color;
-    background: @component-background;
+    background: @drawer-bg;
     border-bottom: @border-width-base @border-style-base @border-color-split;
     border-radius: @border-radius-base @border-radius-base 0 0;
   }
 
   &-header-no-title {
     color: @text-color;
-    background: @component-background;
+    background: @drawer-bg;
   }
 
   &-body {
diff --git a/components/dropdown/style/index.less b/components/dropdown/style/index.less
@@ -195,7 +195,7 @@
       &,
       .@{dropdown-prefix-cls}-menu-submenu-arrow-icon {
         color: @disabled-color;
-        background-color: @component-background;
+        background-color: @dropdown-menu-submenu-disabled-bg;
         cursor: not-allowed;
       }
     }
diff --git a/components/input/style/index.less b/components/input/style/index.less
@@ -33,7 +33,7 @@
   transition: all 0.3s;
 
   &:hover {
-    color: #333;
+    color: @input-icon-hover-color;
   }
 }
 
diff --git a/components/input/style/search-input.less b/components/input/style/search-input.less
@@ -11,7 +11,7 @@
     cursor: pointer;
     transition: all 0.3s;
     &:hover {
-      color: fade(@black, 80%);
+      color: @input-icon-hover-color;
     }
   }
 
diff --git a/components/mentions/style/index.less b/components/mentions/style/index.less
@@ -98,7 +98,7 @@
     box-sizing: border-box;
     font-size: @font-size-base;
     font-variant: initial;
-    background-color: @component-background;
+    background-color: @mentions-dropdown-bg;
     border-radius: @border-radius-base;
     outline: none;
     box-shadow: @box-shadow-base;
@@ -147,7 +147,7 @@
 
           &:hover {
             color: @disabled-color;
-            background-color: @component-background;
+            background-color: @mentions-dropdown-menu-item-hover-bg;
             cursor: not-allowed;
           }
         }
diff --git a/components/message/style/index.less b/components/message/style/index.less
@@ -24,7 +24,7 @@
   &-notice-content {
     display: inline-block;
     padding: @message-notice-content-padding;
-    background: @component-background;
+    background: @message-notice-content-bg;
     border-radius: @border-radius-base;
     box-shadow: @shadow-2;
     pointer-events: all;
diff --git a/components/notification/style/index.less b/components/notification/style/index.less
@@ -39,7 +39,7 @@
     padding: @notification-padding;
     overflow: hidden;
     line-height: 1.5;
-    background: @component-background;
+    background: @notification-bg;
     border-radius: @border-radius-base;
     box-shadow: @shadow-2;
 
diff --git a/components/pagination/style/index.less b/components/pagination/style/index.less
@@ -41,7 +41,7 @@
     text-align: center;
     vertical-align: middle;
     list-style: none;
-    background-color: @component-background;
+    background-color: @pagination-item-bg;
     border: @border-width-base @border-style-base @border-color-base;
     border-radius: @border-radius-base;
     outline: 0;
@@ -180,7 +180,7 @@
       height: 100%;
       font-size: 12px;
       text-align: center;
-      background-color: @component-background;
+      background-color: @pagination-item-link-bg;
       border: @border-width-base @border-style-base @border-color-base;
       border-radius: @border-radius-base;
       outline: none;
@@ -264,7 +264,7 @@
       margin-right: 8px;
       padding: 0 6px;
       text-align: center;
-      background-color: @component-background;
+      background-color: @pagination-item-input-bg;
       border: @border-width-base @border-style-base @border-color-base;
       border-radius: @border-radius-base;
       outline: none;
@@ -350,10 +350,10 @@
       }
 
       &-active {
-        background: darken(@disabled-bg, 10%);
+        background: @pagination-item-disabled-bg-active;
         border-color: transparent;
         a {
-          color: #fff;
+          color: @pagination-item-disabled-color-active;
         }
       }
     }
diff --git a/components/progress/progress.tsx b/components/progress/progress.tsx
@@ -18,7 +18,8 @@ export default defineComponent({
     type: 'line',
     percent: 0,
     showInfo: true,
-    trailColor: '#f3f3f3',
+    // null for different theme definition
+    trailColor: null,
     size: 'default',
     gapDegree: 0,
     strokeLinecap: 'round',
diff --git a/components/steps/style/index.less b/components/steps/style/index.less
@@ -19,8 +19,6 @@
 @error-title-color: @error-color;
 @error-description-color: @error-color;
 @error-tail-color: @wait-tail-color;
-@steps-background: @component-background;
-@steps-nav-arrow-color: fade(@black, 25%);
 @steps-nav-active-color: @primary-color;
 
 @steps-icon-size: 32px;
diff --git a/components/style/core/base.less b/components/style/core/base.less
diff --git a/components/style/core/global.less b/components/style/core/global.less
diff --git a/components/style/core/index.less b/components/style/core/index.less
diff --git a/components/style/themes/dark.less b/components/style/themes/dark.less
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
diff --git a/components/transfer/style/index.less b/components/transfer/style/index.less

Original file line number	Diff line number	Diff line change
`@@ -170,9 +170,9 @@`
`170`	`170`	`}`
`171`	`171`
`172`	`172`	`&-background-ghost {`
`173`		`- color: @component-background;`
`174`		`- background: transparent !important;`
`175`		`- border-color: @component-background;`
	`173`	`+ color: @btn-default-ghost-color;`
	`174`	`+ background: @btn-default-ghost-bg !important;`
	`175`	`+ border-color: @btn-default-ghost-border;`
`176`	`176`	`}`
`177`	`177`
`178`	`178`	`&-background-ghost&-primary {`
Original file line number	Diff line number	Diff line change
`@@ -62,33 +62,33 @@`
`62`	`62`	`&-horizontal&-with-text-left {`
`63`	`63`	`&::before {`
`64`	`64`	`top: 50%;`
`65`		`- width: 5%;`
	`65`	`+ width: @divider-orientation-margin;`
`66`	`66`	`}`
`67`	`67`	`&::after {`
`68`	`68`	`top: 50%;`
`69`		`- width: 95%;`
	`69`	`+ width: 100% - @divider-orientation-margin;`
`70`	`70`	`}`
`71`	`71`	`}`
`72`	`72`
`73`	`73`	`&-horizontal&-with-text-right {`
`74`	`74`	`&::before {`
`75`	`75`	`top: 50%;`
`76`		`- width: 95%;`
	`76`	`+ width: 100% - @divider-orientation-margin;`
`77`	`77`	`}`
`78`	`78`	`&::after {`
`79`	`79`	`top: 50%;`
`80`		`- width: 5%;`
	`80`	`+ width: @divider-orientation-margin;`
`81`	`81`	`}`
`82`	`82`	`}`
`83`	`83`
`84`	`84`	`&-inner-text {`
`85`	`85`	`display: inline-block;`
`86`		`- padding: 0 24px;`
	`86`	`+ padding: 0 @divider-text-padding;`
`87`	`87`	`}`
`88`	`88`
`89`	`89`	`&-dashed {`
`90`	`90`	`background: none;`
`91`		`- border-color: @border-color-split;`
	`91`	`+ border-color: @divider-color;`
`92`	`92`	`border-style: dashed;`
`93`	`93`	`border-width: 1px 0 0;`
`94`	`94`	`}`
Original file line number	Diff line number	Diff line change
`@@ -195,7 +195,7 @@`
`195`	`195`	`&,`
`196`	`196`	`.@{dropdown-prefix-cls}-menu-submenu-arrow-icon {`
`197`	`197`	`color: @disabled-color;`
`198`		`- background-color: @component-background;`
	`198`	`+ background-color: @dropdown-menu-submenu-disabled-bg;`
`199`	`199`	`cursor: not-allowed;`
`200`	`200`	`}`
`201`	`201`	`}`
Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@`
`33`	`33`	`transition: all 0.3s;`
`34`	`34`
`35`	`35`	`&:hover {`
`36`		`- color: #333;`
	`36`	`+ color: @input-icon-hover-color;`
`37`	`37`	`}`
`38`	`38`	`}`
`39`	`39`
Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@`
`11`	`11`	`cursor: pointer;`
`12`	`12`	`transition: all 0.3s;`
`13`	`13`	`&:hover {`
`14`		`- color: fade(@black, 80%);`
	`14`	`+ color: @input-icon-hover-color;`
`15`	`15`	`}`
`16`	`16`	`}`
`17`	`17`