Browse Source

fix: @link hover,active color

pull/20012/head
ycjcl868 5 years ago
parent
commit
7b826879de
  1. 7
      components/style/themes/dark.less
  2. 7
      components/style/themes/default.less
  3. 18
      components/table/style/index.less

7
components/style/themes/dark.less

@ -158,6 +158,7 @@
@primary-9: @blue-9; // unused
@primary-10: @blue-10; // unused
// Layer background
@gray-11: #1f1f1f;
@body-background: @black;
@component-background: #141414;
@ -287,11 +288,17 @@
// Notification
@notification-bg: @gray-11;
// LINK
@link-hover-color: @blue-5;
@link-active-color: @blue-7;
// Table
// --
@table-header-bg: #1d1d1d;
@table-header-bg-sm: @table-header-bg;
@table-row-hover-bg: #262626;
@table-header-filter-active-bg: @item-hover-bg;
@table-header-sort-active-bg: @item-hover-bg;
// TimePicker
// ---

7
components/style/themes/default.less

@ -478,6 +478,11 @@
@table-footer-bg: @background-color-light;
@table-footer-color: @heading-color;
@table-header-bg-sm: transparent;
// Sorter
// Legacy: `table-header-sort-active-bg` is used for hover not real active
@table-header-sort-active-bg: darken(@table-header-bg, 3%);
// Filter
@table-header-filter-active-bg: darken(@table-header-sort-active-bg, 5%);
// Tag
// --
@ -750,3 +755,5 @@
// Notification
// ---
@notification-bg: @component-background;
@import './dark.less';

18
components/table/style/index.less

@ -8,13 +8,6 @@
@table-header-icon-color: #bfbfbf;
@table-header-icon-color-hover: darken(@table-header-icon-color, 10%);
// Sorter
// Legacy: `table-header-sort-active-bg` is used for hover not real active
@table-header-sort-active-bg: darken(@table-header-bg, 3%);
// Filter
@table-header-filter-active-bg: darken(@table-header-sort-active-bg, 5%);
@table-selection-column-width: 60px;
.@{table-prefix-cls}-wrapper {
@ -300,6 +293,9 @@
padding: 7px 8px;
overflow: hidden;
border-top: @border-width-base @border-style-base @border-color-split;
& when (@theme = dark) {
background-color: @gray-11;
}
}
}
@ -503,7 +499,13 @@
}
.@{table-prefix-cls}-cell-fix-left-last::after {
box-shadow: inset 10px 0 8px -8px darken(@shadow-color, 5%);
& when (@theme = dark) {
box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.48), 0 3px 6px 0 rgba(0, 0, 0, 0.36),
0 5px 12px 4px rgba(0, 0, 0, 0.27);
}
& when not (@theme = dark) {
box-shadow: inset 10px 0 8px -8px darken(@shadow-color, 5%);
}
}
}
&-ping-right {

Loading…
Cancel
Save