# gpui: Add \`shadow_xs\`, \`shadow_2xs\` and fix shadow values to match Tailwind CSS \(\#33361\) · gitcafe/zed

[View on GitCafe](https://git.cafe/gitcafe/zed/commit/f34a7abf17b21db480f9c7e2007b5dbb97ae37e5)

Repository: [gitcafe/zed](https://git.cafe/gitcafe/zed)

Visibility: public

Requested revision: f34a7abf17b21db480f9c7e2007b5dbb97ae37e5

Requested commit: f34a7abf17b21db480f9c7e2007b5dbb97ae37e5

Commit: f34a7abf17b21db480f9c7e2007b5dbb97ae37e5

Tree: cd1ab67b6ba8ae7bd5b4e8667756130843f487b6

Author: Jason Lee

Committer: GitHub

## Message

```
gpui: Add `shadow_xs`, `shadow_2xs` and fix shadow values to match Tailwind CSS (#33361)

Release Notes:

- N/A

---

https://tailwindcss.com/docs/box-shadow

| name | value |
| -- | -- |
| shadow-2xs | box-shadow: var(--shadow-2xs); /* 0 1px rgb(0 0 0 / 0.05)
*/ |
| shadow-xs | box-shadow: var(--shadow-xs); /* 0 1px 2px 0 rgb(0 0 0 /
0.05) */ |
| shadow-sm | box-shadow: var(--shadow-sm); /* 0 1px 3px 0 rgb(0 0 0 /
0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) */ |
| shadow-md | box-shadow: var(--shadow-md); /* 0 4px 6px -1px rgb(0 0 0
/ 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) */ |
| shadow-lg | box-shadow: var(--shadow-lg); /* 0 10px 15px -3px rgb(0 0
0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) */ |
| shadow-xl | box-shadow: var(--shadow-xl); /* 0 20px 25px -5px rgb(0 0
0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) */ |
| shadow-2xl | box-shadow: var(--shadow-2xl); /* 0 25px 50px -12px rgb(0
0 0 / 0.25) */ |

## Before

<img width="1112" alt="SCR-20250625-nnxn"
src="https://github.com/user-attachments/assets/3bd44938-5de8-4d67-b323-c444b023a4b6"
/>

## After

<img width="1112" alt="SCR-20250625-nnrt"
src="https://github.com/user-attachments/assets/a5bf2401-f808-4712-9cc6-299f530f9165"
/>
```

## Parents

- [2bf2c5c580992c562c4e12b375a27ba10d07b2b5](https://git.cafe/gitcafe/zed/commit/2bf2c5c580992c562c4e12b375a27ba10d07b2b5?format=markdown)

[Source at this commit](https://git.cafe/gitcafe/zed/tree/f34a7abf17b21db480f9c7e2007b5dbb97ae37e5?format=markdown)