diff --git a/src/app/features/store/pages/purchase-status-page/purchase-status-page.component.scss b/src/app/features/store/pages/purchase-status-page/purchase-status-page.component.scss index 8b8157b..b77c4c2 100644 --- a/src/app/features/store/pages/purchase-status-page/purchase-status-page.component.scss +++ b/src/app/features/store/pages/purchase-status-page/purchase-status-page.component.scss @@ -47,15 +47,15 @@ } &--warning { - background-color: rgba(var(--color-warning-rgb), 0.1); - color: var(--color-warning); - border: 2px solid var(--color-warning); + background-color: color-mix(in srgb, white 92%, var(--color-primary)); + color: var(--color-primary) !important; + border: 1.5px solid color-mix(in srgb, white 20%, var(--color-primary)); } &--error { - background-color: rgba(var(--color-danger-rgb), 0.1); - color: var(--color-danger); - border: 2px solid var(--color-danger); + background-color: color-mix(in srgb, white 92%, var(--color-primary)); + color: var(--color-primary) !important; + border: 1.5px solid color-mix(in srgb, white 20%, var(--color-primary)); } &--loading {