diff --git a/packages/ui/src/components/toast.css b/packages/ui/src/components/toast.css index 1459bb18903..77c03c4c7d4 100644 --- a/packages/ui/src/components/toast.css +++ b/packages/ui/src/components/toast.css @@ -31,7 +31,7 @@ border-radius: var(--radius-lg); border: 1px solid var(--border-weak-base); background: var(--surface-float-base); - color: var(--text-invert-base); + color: var(--smoke-dark-11); box-shadow: var(--shadow-md); [data-slot="toast-inner"] { @@ -80,8 +80,7 @@ justify-content: center; [data-component="icon"] { - color: var(--text-invert-stronger); - /* color: var(--icon-invert-base); */ + color: var(--smoke-dark-12); } } @@ -94,7 +93,7 @@ } [data-slot="toast-title"] { - color: var(--text-invert-strong); + color: var(--smoke-dark-12); /* text-14-medium */ font-family: var(--font-family-sans); @@ -108,7 +107,7 @@ } [data-slot="toast-description"] { - color: var(--text-invert-base); + color: var(--smoke-dark-11); text-wrap-style: pretty; /* text-14-regular */ @@ -134,7 +133,7 @@ padding: 0; cursor: pointer; - color: var(--text-invert-weak); + color: var(--smoke-dark-9); font-family: var(--font-family-sans); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); @@ -146,7 +145,7 @@ } &:first-child { - color: var(--text-invert-strong); + color: var(--smoke-dark-12); } }