diff --git a/.changeset/wild-mangos-deny.md b/.changeset/wild-mangos-deny.md new file mode 100644 index 000000000..aec33b763 --- /dev/null +++ b/.changeset/wild-mangos-deny.md @@ -0,0 +1,5 @@ +--- +'@primer/primitives': patch +--- + +Fixing shadows diff --git a/src/tokens/functional/shadow/dark.json5 b/src/tokens/functional/shadow/dark.json5 index f3e319a99..de6bf5e83 100644 --- a/src/tokens/functional/shadow/dark.json5 +++ b/src/tokens/functional/shadow/dark.json5 @@ -132,7 +132,7 @@ $value: [ { color: '{base.color.black}', - alpha: 0.64, + alpha: 0.24, offsetX: '0px', offsetY: '1px', blur: '0px', @@ -145,27 +145,35 @@ small: { $value: [ { - color: '{base.color.transparent}', - alpha: 0, + color: '{base.color.black}', + alpha: 0.16, offsetX: '0px', - offsetY: '0px', + offsetY: '1px', blur: '0px', spread: '0px', inset: false, }, + { + color: '{base.color.black}', + alpha: 0.16, + offsetX: '0px', + offsetY: '1px', + blur: '3px', + spread: '0px', + inset: false, + }, ], $type: 'shadow', }, medium: { $value: [ { - color: '{base.color.black}', - alpha: 1, + color: '{base.color.gray.7}', + alpha: 0.32, offsetX: '0px', offsetY: '3px', blur: '6px', spread: '0px', - inset: false, }, ], $type: 'shadow', diff --git a/src/tokens/functional/shadow/light.json5 b/src/tokens/functional/shadow/light.json5 index c4815cc43..f3c72472c 100644 --- a/src/tokens/functional/shadow/light.json5 +++ b/src/tokens/functional/shadow/light.json5 @@ -237,7 +237,7 @@ large: { $value: [ { - color: '{base.color.gray.4}', + color: '{base.color.gray.7}', alpha: 0.24, offsetX: '0px', offsetY: '40px', @@ -250,7 +250,7 @@ xlarge: { $value: [ { - color: '{base.color.gray.4}', + color: '{base.color.gray.7}', alpha: 0.24, offsetX: '0px', offsetY: '56px',