Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

chore: WDS shadows quick fix (#29788)

Browse Source 
Fixes #29744 

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **Style**
- Updated the Dark Mode theme with enhanced shadow elevations for better
visual depth.
- Refined the Light Mode theme by adjusting transparency levels for a
cleaner appearance.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
vadim 2023-12-21 12:48:42 +01:00 committed by GitHub
parent 52a5375455
commit d98dd29b4c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/client/packages/design-system/theming/src/color/src/DarkModeTheme.ts
View File

@ -624,7 +624,9 @@ export class DarkModeTheme implements ColorModeTheme {
private get shadowElevation1() {
const color = this.seedColor.clone();
color.oklch.l = 0.2;
color.oklch.l = 0.1;
color.alpha = 0.5;
return color;
}
@ -632,7 +634,9 @@ export class DarkModeTheme implements ColorModeTheme {
private get shadowElevation2() {
const color = this.shadowElevation1.clone();
color.oklch.l -= 0.05;
color.oklch.l += 0.05;
color.alpha = 0.45;
return color;
}
@ -640,7 +644,9 @@ export class DarkModeTheme implements ColorModeTheme {
private get shadowElevation3() {
const color = this.shadowElevation2.clone();
color.oklch.l -= 0.05;
color.oklch.l += 0.05;
color.alpha = 0.4;
return color;
}

6
app/client/packages/design-system/theming/src/color/src/LightModeTheme.ts
View File

@ -664,6 +664,8 @@ export class LightModeTheme implements ColorModeTheme {
color.oklch.l = 0.2;
color.alpha = 0.35;
return color;
}
@ -672,6 +674,8 @@ export class LightModeTheme implements ColorModeTheme {
color.oklch.l += 0.05;
color.alpha = 0.3;
return color;
}
@ -680,6 +684,8 @@ export class LightModeTheme implements ColorModeTheme {
color.oklch.l += 0.05;
color.alpha = 0.25;
return color;
}

2
app/client/packages/design-system/theming/src/token/src/defaultTokens.json
View File

@ -57,7 +57,7 @@
"1": "0px"
},
"boxShadow": {
"1": "0 4px 6px 0 var(--color-shadow-elevation-1)",
"1": "0 4px 8px 0 var(--color-shadow-elevation-1)",
"2": "0 2px 4px 0 var(--color-shadow-elevation-2)",
"3": "0 1px 2px 0 var(--color-shadow-elevation-3)"
},