Skip to content

Commit

Permalink
feat: update design tokens for translucent colors
Browse files Browse the repository at this point in the history
  • Loading branch information
@Justineo
Justineo committed Apr 29, 2024
1 parent bac83d5 commit d4b0bde
Show file tree
Hide file tree
Showing 36 changed files with 133 additions and 129 deletions.
4 changes: 4 additions & 0 deletions packages/less-plugin-dls/CHANGELOG.md
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,9 @@
> ⚠️ - Breaking Changes
## 11.12.0

- Adjust global translucent color tokens again.

## 11.11.0

- Adjust global translucent color tokens.
Expand Down
2 changes: 1 addition & 1 deletion packages/less-plugin-dls/package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "less-plugin-dls",
"version": "11.11.0",
"version": "11.12.0",
"description": "Less plugin for Baidu Light DLS.",
"main": "dist/index.js",
"scripts": {
Expand Down
2 changes: 1 addition & 1 deletion packages/less-plugin-dls/test/specs/alert/alert.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,5 +33,5 @@ div {
-dls-alert-icon-color-warning: #ff9448;
-dls-alert-icon-color-error: #d9150b;
-dls-alert-pages-spacing: 4px;
-dls-alert-pages-font-color: rgba(80, 90, 107, 0.8);
-dls-alert-pages-font-color: rgba(73, 86, 107, 0.8);
}
2 changes: 1 addition & 1 deletion packages/less-plugin-dls/test/specs/breadcrumb/breadcrumb.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ div {
-dls-breadcrumb-font-size-s: 12px;
-dls-breadcrumb-font-size-m: 14px;
-dls-breadcrumb-separator-icon-size: calc(1em + 2px);
-dls-breadcrumb-separator-color: rgba(80, 90, 107, 0.8);
-dls-breadcrumb-separator-color: rgba(73, 86, 107, 0.8);
-dls-breadcrumb-separator-spacing: 8px;
-dls-breadcrumb-item-current-font-color: rgba(13, 15, 18, 0.95);
-dls-breadcrumb-item-current-font-weight: 500;
Expand Down
32 changes: 16 additions & 16 deletions packages/less-plugin-dls/test/specs/button/button.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ div {
-dls-button-border-radius-xl: 4px;
-dls-button-content-spacing: 4px;
-dls-button-font-color-normal: rgba(13, 15, 18, 0.95);
-dls-button-font-color-normal-disabled: rgba(83, 98, 128, 0.5);
-dls-button-font-color-normal-disabled: rgba(83, 101, 138, 0.5);
-dls-button-border-color-normal: transparent;
-dls-button-border-color-normal-hover: transparent;
-dls-button-border-color-normal-active: transparent;
Expand All @@ -32,7 +32,7 @@ div {
-dls-button-background-color-normal-active: #d3d9e6;
-dls-button-background-color-normal-disabled: #f6f7fa;
-dls-button-font-color-basic: rgba(13, 15, 18, 0.95);
-dls-button-font-color-basic-disabled: rgba(83, 98, 128, 0.5);
-dls-button-font-color-basic-disabled: rgba(83, 101, 138, 0.5);
-dls-button-border-color-basic: #e2e6f0;
-dls-button-border-color-basic-hover: #d3d9e6;
-dls-button-border-color-basic-active: #d3d9e6;
Expand Down Expand Up @@ -76,33 +76,33 @@ div {
-dls-button-background-color-translucent-active: rgba(0, 0, 0, 0.7);
-dls-button-background-color-translucent-disabled: rgba(0, 0, 0, 0.2);
-dls-button-font-color-text: rgba(13, 15, 18, 0.95);
-dls-button-font-color-text-hover: rgba(45, 52, 64, 0.8);
-dls-button-font-color-text-hover: rgba(46, 52, 64, 0.9);
-dls-button-font-color-text-focus: rgba(13, 15, 18, 0.95);
-dls-button-font-color-text-active: #000;
-dls-button-font-color-text-disabled: rgba(83, 98, 128, 0.5);
-dls-button-font-color-text-disabled: rgba(83, 101, 138, 0.5);
-dls-button-font-color-text-strong: #0054e6;
-dls-button-font-color-text-strong-hover: #1a6eff;
-dls-button-font-color-text-strong-focus: #0054e6;
-dls-button-font-color-text-strong-active: #0047c4;
-dls-button-font-color-text-strong-disabled: #95bcff;
-dls-button-font-color-text-aux: rgba(80, 90, 107, 0.8);
-dls-button-font-color-text-aux-hover: rgba(45, 52, 64, 0.8);
-dls-button-font-color-text-aux-focus: rgba(80, 90, 107, 0.8);
-dls-button-font-color-text-aux: rgba(73, 86, 107, 0.8);
-dls-button-font-color-text-aux-hover: rgba(46, 52, 64, 0.9);
-dls-button-font-color-text-aux-focus: rgba(73, 86, 107, 0.8);
-dls-button-font-color-text-aux-active: rgba(13, 15, 18, 0.95);
-dls-button-font-color-text-aux-disabled: rgba(60, 83, 133, 0.3);
-dls-button-font-color-text-subtle: rgba(60, 83, 133, 0.3);
-dls-button-font-color-text-subtle-hover: rgba(83, 98, 128, 0.5);
-dls-button-font-color-text-subtle-focus: rgba(60, 83, 133, 0.3);
-dls-button-font-color-text-subtle-active: rgba(80, 90, 107, 0.8);
-dls-button-font-color-text-subtle-disabled: rgba(133, 163, 224, 0.25);
-dls-button-font-color-text-aux-disabled: rgba(90, 119, 168, 0.3);
-dls-button-font-color-text-subtle: rgba(90, 119, 168, 0.3);
-dls-button-font-color-text-subtle-hover: rgba(83, 101, 138, 0.5);
-dls-button-font-color-text-subtle-focus: rgba(90, 119, 168, 0.3);
-dls-button-font-color-text-subtle-active: rgba(73, 86, 107, 0.8);
-dls-button-font-color-text-subtle-disabled: rgba(102, 146, 222, 0.15);
-dls-button-background-color-text: transparent;
-dls-button-background-color-text-hover: transparent;
-dls-button-background-color-text-focus: transparent;
-dls-button-background-color-text-active: transparent;
-dls-button-background-color-text-disabled: transparent;
-dls-button-padding-text: 2px;
-dls-button-font-color-ghost: rgba(13, 15, 18, 0.95);
-dls-button-font-color-ghost-disabled: rgba(83, 98, 128, 0.5);
-dls-button-font-color-ghost-disabled: rgba(83, 101, 138, 0.5);
-dls-button-border-color-ghost: transparent;
-dls-button-border-color-ghost-disabled: transparent;
-dls-button-background-color-ghost: transparent;
Expand All @@ -119,8 +119,8 @@ div {
-dls-button-background-color-ghost-strong-focus: #ebf2ff;
-dls-button-background-color-ghost-strong-active: #dce9ff;
-dls-button-background-color-ghost-strong-disabled: transparent;
-dls-button-font-color-ghost-aux: rgba(80, 90, 107, 0.8);
-dls-button-font-color-ghost-aux-disabled: rgba(60, 83, 133, 0.3);
-dls-button-font-color-ghost-aux: rgba(73, 86, 107, 0.8);
-dls-button-font-color-ghost-aux-disabled: rgba(90, 119, 168, 0.3);
-dls-button-border-color-ghost-aux: transparent;
-dls-button-border-color-ghost-aux-disabled: transparent;
-dls-button-background-color-ghost-aux: transparent;
Expand Down
2 changes: 1 addition & 1 deletion packages/less-plugin-dls/test/specs/checkbox/checkbox.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ div {
-dls-checkbox-font-size-s: 12px;
-dls-checkbox-font-size-m: 14px;
-dls-checkbox-font-color: rgba(13, 15, 18, 0.95);
-dls-checkbox-font-color-disabled: rgba(83, 98, 128, 0.5);
-dls-checkbox-font-color-disabled: rgba(83, 101, 138, 0.5);
-dls-checkbox-size-s: 14px;
-dls-checkbox-size-m: 16px;
-dls-checkbox-icon-min-size: 8px;
Expand Down
8 changes: 4 additions & 4 deletions packages/less-plugin-dls/test/specs/collapse/collapse.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,15 +15,15 @@ div {
-dls-collapse-icon-size-aux: calc(1em + 2px);
-dls-collapse-border-color: #e2e6f0;
-dls-collapse-header-font-color: rgba(13, 15, 18, 0.95);
-dls-collapse-header-font-color-disabled: rgba(83, 98, 128, 0.5);
-dls-collapse-header-font-color-disabled: rgba(83, 101, 138, 0.5);
-dls-collapse-header-background-color: #f6f7fa;
-dls-collapse-header-background-color-hover: #ebedf5;
-dls-collapse-header-background-color-active: #e2e6f0;
-dls-collapse-header-background-color-disabled: #f6f7fa;
-dls-collapse-body-font-color: rgba(45, 52, 64, 0.8);
-dls-collapse-body-font-color: rgba(46, 52, 64, 0.9);
-dls-collapse-body-background-color: #fff;
-dls-collapse-icon-color-aux: rgba(80, 90, 107, 0.8);
-dls-collapse-icon-color-aux-disabled: rgba(83, 98, 128, 0.5);
-dls-collapse-icon-color-aux: rgba(73, 86, 107, 0.8);
-dls-collapse-icon-color-aux-disabled: rgba(83, 101, 138, 0.5);
-dls-collapse-header-background-color-simple: transparent;
-dls-collapse-header-background-color-simple-hover: transparent;
-dls-collapse-header-background-color-simple-active: transparent;
Expand Down
8 changes: 4 additions & 4 deletions packages/less-plugin-dls/test/specs/date-picker/date-picker.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,8 @@ div {
-dls-date-picker-dropdown-border-radius-s: 4px;
-dls-date-picker-dropdown-border-radius-m: 4px;
-dls-date-picker-dropdown-shadow: 0 1px 8px rgba(0, 0, 0, 0.06), 0 7px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 16px 4px rgba(0, 0, 0, 0.04);
-dls-date-picker-icon-color: rgba(80, 90, 107, 0.8);
-dls-date-picker-icon-color-disabled: rgba(83, 98, 128, 0.5);
-dls-date-picker-icon-color: rgba(73, 86, 107, 0.8);
-dls-date-picker-icon-color-disabled: rgba(83, 101, 138, 0.5);
-dls-date-picker-range-connector-padding-x: 12px;
-dls-date-picker-range-panel-spacing: 8px;
-dls-date-picker-panel-separator-color: #e2e6f0;
Expand All @@ -32,8 +32,8 @@ div {
-dls-date-picker-cell-shadow-focus: 0 0 0 2px rgba(26, 110, 255, 0.2);
-dls-date-picker-cell-font-color: rgba(13, 15, 18, 0.95);
-dls-date-picker-cell-font-color-current: #0054e6;
-dls-date-picker-cell-font-color-aux: rgba(80, 90, 107, 0.8);
-dls-date-picker-cell-font-color-disabled: rgba(83, 98, 128, 0.5);
-dls-date-picker-cell-font-color-aux: rgba(73, 86, 107, 0.8);
-dls-date-picker-cell-font-color-disabled: rgba(83, 101, 138, 0.5);
-dls-date-picker-cell-font-color-selected: #fff;
-dls-date-picker-cell-font-weight: 400;
-dls-date-picker-cell-font-weight-selected: 500;
Expand Down
6 changes: 3 additions & 3 deletions packages/less-plugin-dls/test/specs/dropdown/dropdown.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@ div {
-dls-dropdown-icon-size-aux: calc(1em + 2px);
-dls-dropdown-icon-spacing-aux: 8px;
-dls-dropdown-split-button-padding-x: 12px;
-dls-dropdown-icon-color-aux-normal: rgba(80, 90, 107, 0.8);
-dls-dropdown-icon-color-aux-normal-disabled: rgba(83, 98, 128, 0.5);
-dls-dropdown-icon-color-aux-normal: rgba(73, 86, 107, 0.8);
-dls-dropdown-icon-color-aux-normal-disabled: rgba(83, 101, 138, 0.5);
-dls-dropdown-icon-color-aux-primary: currentColor;
-dls-dropdown-icon-color-aux-primary-disabled: currentColor;
-dls-dropdown-max-display-items: 8;
Expand All @@ -18,5 +18,5 @@ div {
-dls-dropdown-menu-target-spacing: 4px;
-dls-dropdown-menu-shadow: 0 1px 8px rgba(0, 0, 0, 0.06), 0 7px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 16px 4px rgba(0, 0, 0, 0.04);
-dls-dropdown-menu-placeholder-padding-y: 8px;
-dls-dropdown-menu-placeholder-font-color: rgba(80, 90, 107, 0.8);
-dls-dropdown-menu-placeholder-font-color: rgba(73, 86, 107, 0.8);
}
2 changes: 1 addition & 1 deletion packages/less-plugin-dls/test/specs/empty/empty.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ div {
-dls-empty-desc-font-size-s: 12px;
-dls-empty-desc-font-size-m: 14px;
-dls-empty-desc-line-height: 1.4;
-dls-empty-desc-font-color: rgba(45, 52, 64, 0.8);
-dls-empty-desc-font-color: rgba(46, 52, 64, 0.9);
-dls-empty-desc-font-weight: 400;
-dls-empty-content-spacing: 8px;
-dls-empty-actions-spacing-before: 16px;
Expand Down
2 changes: 1 addition & 1 deletion packages/less-plugin-dls/test/specs/form/form.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ div {
-dls-form-label-content-spacing: 4px;
-dls-form-label-width: 7em;
-dls-form-label-font-color: rgba(13, 15, 18, 0.95);
-dls-form-label-icon-color: rgba(80, 90, 107, 0.8);
-dls-form-label-icon-color: rgba(73, 86, 107, 0.8);
-dls-form-label-required-color: #d9150b;
-dls-form-field-spacing-vertical: 24px;
-dls-form-field-error-font-color: #d9150b;
Expand Down
56 changes: 28 additions & 28 deletions packages/less-plugin-dls/test/specs/global/global.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -77,14 +77,14 @@ div {
-dls-color-gray-10: #0a0b0d;
-dls-color-gray-11: #000;
-dls-color-translucent-0: transparent;
-dls-color-translucent-1: rgba(110, 156, 247, 0.08);
-dls-color-translucent-2: rgba(82, 129, 224, 0.12);
-dls-color-translucent-3: rgba(133, 163, 224, 0.25);
-dls-color-translucent-4: rgba(41, 82, 163, 0.2);
-dls-color-translucent-5: rgba(60, 83, 133, 0.3);
-dls-color-translucent-6: rgba(83, 98, 128, 0.5);
-dls-color-translucent-7: rgba(80, 90, 107, 0.8);
-dls-color-translucent-8: rgba(45, 52, 64, 0.8);
-dls-color-translucent-1: rgba(109, 159, 247, 0.07);
-dls-color-translucent-2: rgba(108, 156, 240, 0.1);
-dls-color-translucent-3: rgba(102, 146, 222, 0.15);
-dls-color-translucent-4: rgba(96, 134, 199, 0.2);
-dls-color-translucent-5: rgba(90, 119, 168, 0.3);
-dls-color-translucent-6: rgba(83, 101, 138, 0.5);
-dls-color-translucent-7: rgba(73, 86, 107, 0.8);
-dls-color-translucent-8: rgba(46, 52, 64, 0.9);
-dls-color-translucent-9: rgba(13, 15, 18, 0.95);
-dls-color-translucent-10: rgba(4, 4, 5, 0.95);
-dls-color-translucent-11: #000;
Expand Down Expand Up @@ -125,33 +125,33 @@ div {
-dls-foreground-color-primary-active: #0047c4;
-dls-foreground-color-primary-disabled: #95bcff;
-dls-foreground-color-neutral: rgba(13, 15, 18, 0.95);
-dls-foreground-color-neutral-hover: rgba(45, 52, 64, 0.8);
-dls-foreground-color-neutral-hover: rgba(46, 52, 64, 0.9);
-dls-foreground-color-neutral-active: #000;
-dls-foreground-color-neutral-disabled: rgba(83, 98, 128, 0.5);
-dls-foreground-color-neutral-disabled: rgba(83, 101, 138, 0.5);
-dls-foreground-color-neutral-strong: #000;
-dls-foreground-color-neutral-strong-hover: rgba(4, 4, 5, 0.95);
-dls-foreground-color-neutral-strong-active: #000;
-dls-foreground-color-neutral-strong-disabled: rgba(83, 98, 128, 0.5);
-dls-foreground-color-neutral-light: rgba(45, 52, 64, 0.8);
-dls-foreground-color-neutral-light-hover: rgba(80, 90, 107, 0.8);
-dls-foreground-color-neutral-strong-disabled: rgba(83, 101, 138, 0.5);
-dls-foreground-color-neutral-light: rgba(46, 52, 64, 0.9);
-dls-foreground-color-neutral-light-hover: rgba(73, 86, 107, 0.8);
-dls-foreground-color-neutral-light-active: rgba(13, 15, 18, 0.95);
-dls-foreground-color-neutral-light-disabled: rgba(83, 98, 128, 0.5);
-dls-foreground-color-neutral-weak: rgba(80, 90, 107, 0.8);
-dls-foreground-color-neutral-weak-hover: rgba(45, 52, 64, 0.8);
-dls-foreground-color-neutral-light-disabled: rgba(83, 101, 138, 0.5);
-dls-foreground-color-neutral-weak: rgba(73, 86, 107, 0.8);
-dls-foreground-color-neutral-weak-hover: rgba(46, 52, 64, 0.9);
-dls-foreground-color-neutral-weak-active: rgba(13, 15, 18, 0.95);
-dls-foreground-color-neutral-weak-disabled: rgba(60, 83, 133, 0.3);
-dls-foreground-color-neutral-dim: rgba(83, 98, 128, 0.5);
-dls-foreground-color-neutral-dim-hover: rgba(80, 90, 107, 0.8);
-dls-foreground-color-neutral-dim-active: rgba(45, 52, 64, 0.8);
-dls-foreground-color-neutral-dim-disabled: rgba(133, 163, 224, 0.25);
-dls-foreground-color-neutral-subtle: rgba(60, 83, 133, 0.3);
-dls-foreground-color-neutral-subtle-hover: rgba(83, 98, 128, 0.5);
-dls-foreground-color-neutral-subtle-active: rgba(80, 90, 107, 0.8);
-dls-foreground-color-neutral-subtle-disabled: rgba(133, 163, 224, 0.25);
-dls-foreground-color-neutral-weak-disabled: rgba(90, 119, 168, 0.3);
-dls-foreground-color-neutral-dim: rgba(83, 101, 138, 0.5);
-dls-foreground-color-neutral-dim-hover: rgba(73, 86, 107, 0.8);
-dls-foreground-color-neutral-dim-active: rgba(46, 52, 64, 0.9);
-dls-foreground-color-neutral-dim-disabled: rgba(102, 146, 222, 0.15);
-dls-foreground-color-neutral-subtle: rgba(90, 119, 168, 0.3);
-dls-foreground-color-neutral-subtle-hover: rgba(83, 101, 138, 0.5);
-dls-foreground-color-neutral-subtle-active: rgba(73, 86, 107, 0.8);
-dls-foreground-color-neutral-subtle-disabled: rgba(102, 146, 222, 0.15);
-dls-foreground-color-neutral-highlightable: rgba(13, 15, 18, 0.95);
-dls-foreground-color-neutral-highlightable-hover: #1a6eff;
-dls-foreground-color-neutral-highlightable-active: #0047c4;
-dls-foreground-color-neutral-highlightable-disabled: rgba(83, 98, 128, 0.5);
-dls-foreground-color-neutral-highlightable-disabled: rgba(83, 101, 138, 0.5);
-dls-foreground-color-info-primary: #0054e6;
-dls-foreground-color-info-primary-disabled: #95bcff;
-dls-foreground-color-success-primary: #009940;
Expand Down Expand Up @@ -315,8 +315,8 @@ div {
-dls-icon-size-normal: calc(1em + 2px);
-dls-icon-size-minor: calc(1em + 2px);
-dls-icon-size-aux: calc(1em + 2px);
-dls-icon-color-aux: rgba(80, 90, 107, 0.8);
-dls-icon-color-aux-disabled: rgba(83, 98, 128, 0.5);
-dls-icon-color-aux: rgba(73, 86, 107, 0.8);
-dls-icon-color-aux-disabled: rgba(83, 101, 138, 0.5);
-dls-transition-duration-instant: 100ms;
-dls-transition-duration-fast: 200ms;
-dls-transition-duration-normal: 300ms;
Expand Down
12 changes: 6 additions & 6 deletions packages/less-plugin-dls/test/specs/input/input.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,16 +29,16 @@ div {
-dls-input-background-color-disabled: #f6f7fa;
-dls-input-font-color: rgba(13, 15, 18, 0.95);
-dls-input-font-color-error: rgba(13, 15, 18, 0.95);
-dls-input-font-color-read-only: rgba(80, 90, 107, 0.8);
-dls-input-font-color-disabled: rgba(83, 98, 128, 0.5);
-dls-input-placeholder-color: rgba(80, 90, 107, 0.8);
-dls-input-count-color: rgba(80, 90, 107, 0.8);
-dls-input-font-color-read-only: rgba(73, 86, 107, 0.8);
-dls-input-font-color-disabled: rgba(83, 101, 138, 0.5);
-dls-input-placeholder-color: rgba(73, 86, 107, 0.8);
-dls-input-count-color: rgba(73, 86, 107, 0.8);
-dls-input-count-color-error: #d9150b;
-dls-input-shadow-focus: 0 0 0 2px rgba(26, 110, 255, 0.2);
-dls-input-shadow-inline-focus: 0 1px 0 0 #1a6eff;
-dls-input-shadow-error-focus: 0 0 0 2px rgba(255, 43, 32, 0.2);
-dls-input-shadow-inline-error-focus: 0 1px 0 0 #ff2b20;
-dls-input-icon-size: calc(1em + 2px);
-dls-input-icon-color: rgba(80, 90, 107, 0.8);
-dls-input-icon-color-disabled: rgba(83, 98, 128, 0.5);
-dls-input-icon-color: rgba(73, 86, 107, 0.8);
-dls-input-icon-color-disabled: rgba(83, 101, 138, 0.5);
}
6 changes: 3 additions & 3 deletions packages/less-plugin-dls/test/specs/link/link.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,10 @@ div {
-dls-link-text-decoration-focus: underline;
-dls-link-text-decoration-active: none;
-dls-link-font-color-normal: rgba(13, 15, 18, 0.95);
-dls-link-font-color-normal-hover: rgba(45, 52, 64, 0.8);
-dls-link-font-color-normal-focus: rgba(45, 52, 64, 0.8);
-dls-link-font-color-normal-hover: rgba(46, 52, 64, 0.9);
-dls-link-font-color-normal-focus: rgba(46, 52, 64, 0.9);
-dls-link-font-color-normal-active: #000;
-dls-link-font-color-normal-disabled: rgba(83, 98, 128, 0.5);
-dls-link-font-color-normal-disabled: rgba(83, 101, 138, 0.5);
-dls-link-font-color-strong: #0054e6;
-dls-link-font-color-strong-hover: #1a6eff;
-dls-link-font-color-strong-focus: #1a6eff;
Expand Down
2 changes: 1 addition & 1 deletion packages/less-plugin-dls/test/specs/loading/loading.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ div {
-dls-loading-font-color-normal: rgba(13, 15, 18, 0.95);
-dls-loading-font-color-strong: rgba(13, 15, 18, 0.95);
-dls-loading-font-color-reverse: #fff;
-dls-loading-color-normal: rgba(80, 90, 107, 0.8);
-dls-loading-color-normal: rgba(73, 86, 107, 0.8);
-dls-loading-color-strong: #0054e6;
-dls-loading-color-reverse: #fff;
-dls-loading-background-color: rgba(255, 255, 255, 0.8);
Expand Down
12 changes: 6 additions & 6 deletions packages/less-plugin-dls/test/specs/menu/menu.css
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
div {
-dls-menu-item-font-weight-current: 400;
-dls-menu-item-icon-color: rgba(80, 90, 107, 0.8);
-dls-menu-item-icon-color-disabled: rgba(83, 98, 128, 0.5);
-dls-menu-item-icon-color: rgba(73, 86, 107, 0.8);
-dls-menu-item-icon-color-disabled: rgba(83, 101, 138, 0.5);
-dls-menu-item-icon-color-current: currentColor;
-dls-menu-item-icon-color-current-disabled: currentColor;
-dls-menu-indicator-width: 2px;
Expand Down Expand Up @@ -33,7 +33,7 @@ div {
-dls-menu-item-font-color-hover: rgba(13, 15, 18, 0.95);
-dls-menu-item-font-color-focus: rgba(13, 15, 18, 0.95);
-dls-menu-item-font-color-active: rgba(13, 15, 18, 0.95);
-dls-menu-item-font-color-disabled: rgba(83, 98, 128, 0.5);
-dls-menu-item-font-color-disabled: rgba(83, 101, 138, 0.5);
-dls-menu-item-background-color: #fff;
-dls-menu-item-background-color-hover: #f6f7fa;
-dls-menu-item-background-color-focus: #dce9ff;
Expand All @@ -54,10 +54,10 @@ div {
-dls-menu-item-padding-x-horizontal: 16px;
-dls-menu-border-color-horizontal: #d3d9e6;
-dls-menu-item-font-color-horizontal: rgba(13, 15, 18, 0.95);
-dls-menu-item-font-color-horizontal-hover: rgba(45, 52, 64, 0.8);
-dls-menu-item-font-color-horizontal-focus: rgba(45, 52, 64, 0.8);
-dls-menu-item-font-color-horizontal-hover: rgba(46, 52, 64, 0.9);
-dls-menu-item-font-color-horizontal-focus: rgba(46, 52, 64, 0.9);
-dls-menu-item-font-color-horizontal-active: #000;
-dls-menu-item-font-color-horizontal-disabled: rgba(83, 98, 128, 0.5);
-dls-menu-item-font-color-horizontal-disabled: rgba(83, 101, 138, 0.5);
-dls-menu-item-background-color-horizontal: #fff;
-dls-menu-item-background-color-horizontal-hover: #fff;
-dls-menu-item-background-color-horizontal-focus: #dce9ff;
Expand Down
4 changes: 2 additions & 2 deletions packages/less-plugin-dls/test/specs/message/message.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,10 @@ div {
-dls-message-font-color-success: #009940;
-dls-message-font-color-warning: #ff9448;
-dls-message-font-color-error: #d9150b;
-dls-message-font-color-aux: rgba(80, 90, 107, 0.8);
-dls-message-font-color-aux: rgba(73, 86, 107, 0.8);
-dls-message-icon-color-info: #0054e6;
-dls-message-icon-color-success: #009940;
-dls-message-icon-color-warning: #ff9448;
-dls-message-icon-color-error: #d9150b;
-dls-message-icon-color-aux: rgba(80, 90, 107, 0.8);
-dls-message-icon-color-aux: rgba(73, 86, 107, 0.8);
}
2 changes: 1 addition & 1 deletion packages/less-plugin-dls/test/specs/nav/nav.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ div {
-dls-nav-item-font-color-hover: #1a6eff;
-dls-nav-item-font-color-focus: #1a6eff;
-dls-nav-item-font-color-active: #0047c4;
-dls-nav-item-font-color-disabled: rgba(83, 98, 128, 0.5);
-dls-nav-item-font-color-disabled: rgba(83, 101, 138, 0.5);
-dls-nav-item-font-color-current: #0054e6;
-dls-nav-item-font-color-current-hover: #1a6eff;
-dls-nav-item-font-color-current-focus: #1a6eff;
Expand Down
Loading

0 comments on commit d4b0bde

Please sign in to comment.