feat: update global translucent colors

ecomfe · Apr 15, 2024 · bac83d5 · bac83d5
1 parent 140f64b
commit bac83d5
Show file tree

Hide file tree

Showing 8 changed files with 20 additions and 14 deletions.
diff --git a/packages/less-plugin-dls/CHANGELOG.md b/packages/less-plugin-dls/CHANGELOG.md
@@ -1,5 +1,9 @@
 > ⚠️ - Breaking Changes
 
+## 11.11.0
+
+- Adjust global translucent color tokens.
+
 ## 11.10.0
 
 - Add theme tokens.

diff --git a/packages/less-plugin-dls/package.json b/packages/less-plugin-dls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "less-plugin-dls",
-  "version": "11.10.0",
+  "version": "11.11.0",
   "description": "Less plugin for Baidu Light DLS.",
   "main": "dist/index.js",
   "scripts": {

diff --git a/packages/less-plugin-dls/test/specs/button/button.css b/packages/less-plugin-dls/test/specs/button/button.css
@@ -94,7 +94,7 @@ div {
   -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(54, 82, 153, 0.15);
+  -dls-button-font-color-text-subtle-disabled: rgba(133, 163, 224, 0.25);
   -dls-button-background-color-text: transparent;
   -dls-button-background-color-text-hover: transparent;
   -dls-button-background-color-text-focus: transparent;

diff --git a/packages/less-plugin-dls/test/specs/global/global.css b/packages/less-plugin-dls/test/specs/global/global.css
@@ -77,10 +77,10 @@ div {
   -dls-color-gray-10: #0a0b0d;
   -dls-color-gray-11: #000;
   -dls-color-translucent-0: transparent;
-  -dls-color-translucent-1: rgba(58, 85, 166, 0.07);
-  -dls-color-translucent-2: rgba(58, 87, 166, 0.1);
-  -dls-color-translucent-3: rgba(54, 82, 153, 0.15);
-  -dls-color-translucent-4: rgba(49, 76, 140, 0.2);
+  -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);
@@ -143,11 +143,11 @@ div {
   -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(54, 82, 153, 0.15);
+  -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(54, 82, 153, 0.15);
+  -dls-foreground-color-neutral-subtle-disabled: rgba(133, 163, 224, 0.25);
   -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;
@@ -293,6 +293,7 @@ div {
   -dls-border-radius-1: 4px;
   -dls-border-radius-2: 6px;
   -dls-border-radius-3: 10px;
+  -dls-border-radius-4: 16px;
   -dls-shadow-color: #000;
   -dls-shadow-1: 0 4px 10px rgba(0, 0, 0, 0.03), 0 3px 9px rgba(0, 0, 0, 0.02), 0 2px 8px rgba(0, 0, 0, 0.01);
   -dls-shadow-2: 0 6px 28px 2px rgba(0, 0, 0, 0.04), 0 4px 26px 2px rgba(0, 0, 0, 0.03), 0 2px 24px 1px rgba(0, 0, 0, 0.02);

diff --git a/packages/less-plugin-dls/test/specs/global/global.less b/packages/less-plugin-dls/test/specs/global/global.less
@@ -293,6 +293,7 @@ div {
   -dls-border-radius-1: @dls-border-radius-1;
   -dls-border-radius-2: @dls-border-radius-2;
   -dls-border-radius-3: @dls-border-radius-3;
+  -dls-border-radius-4: @dls-border-radius-4;
   -dls-shadow-color: @dls-shadow-color;
   -dls-shadow-1: @dls-shadow-1;
   -dls-shadow-2: @dls-shadow-2;

diff --git a/packages/less-plugin-dls/test/specs/scrollbar/scrollbar.css b/packages/less-plugin-dls/test/specs/scrollbar/scrollbar.css
@@ -2,7 +2,7 @@ div {
   -dls-scrollbar-track-width: 10px;
   -dls-scrollbar-track-color: transparent;
   -dls-scrollbar-thumb-width: 6px;
-  -dls-scrollbar-thumb-color: rgba(49, 76, 140, 0.2);
+  -dls-scrollbar-thumb-color: rgba(41, 82, 163, 0.2);
   -dls-scrollbar-thumb-color-hover: rgba(83, 98, 128, 0.5);
   -dls-scrollbar-thumb-border-radius: 3px;
 }
diff --git a/packages/less-plugin-dls/test/specs/table/table.css b/packages/less-plugin-dls/test/specs/table/table.css
@@ -31,7 +31,7 @@ div {
   -dls-table-header-icon-color: rgba(83, 98, 128, 0.5);
   -dls-table-header-icon-color-hover: rgba(80, 90, 107, 0.8);
   -dls-table-header-icon-color-active: rgba(45, 52, 64, 0.8);
-  -dls-table-header-icon-color-disabled: rgba(54, 82, 153, 0.15);
+  -dls-table-header-icon-color-disabled: rgba(133, 163, 224, 0.25);
   -dls-table-overflow-shadow-top: none;
   -dls-table-overflow-shadow-right: 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-table-overflow-shadow-bottom: none;

diff --git a/packages/less-plugin-dls/tokens/global.less b/packages/less-plugin-dls/tokens/global.less
@@ -89,10 +89,10 @@
 @dls-color-gray-11: #000;
 
 @dls-color-translucent-0: transparent;
-@dls-color-translucent-1: rgba(58, 85, 166, 0.07);
-@dls-color-translucent-2: rgba(58, 87, 166, 0.1);
-@dls-color-translucent-3: rgba(54, 82, 153, 0.15);
-@dls-color-translucent-4: rgba(49, 76, 140, 0.2);
+@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);