diff --git a/src/app/pages/create-page/create-page.scss b/src/app/pages/create-page/create-page.scss index 4f8a7ac..95ccaf8 100644 --- a/src/app/pages/create-page/create-page.scss +++ b/src/app/pages/create-page/create-page.scss @@ -14,15 +14,15 @@ display: inline-flex; align-items: center; justify-content: center; - color: #fff; - background: rgba(255, 255, 255, 0.16); - border: 1px solid rgba(255, 255, 255, 0.22); + color: #475569; + background: #f1f5f9; + border: 1px solid #e2e8f0; text-decoration: none; - transition: background 0.15s; + transition: background 0.15s, color 0.15s; z-index: 1; - &:hover { background: rgba(255, 255, 255, 0.28); } - &:active { background: rgba(255, 255, 255, 0.36); } + &:hover { background: #e2e8f0; color: #0f172a; } + &:active { background: #cbd5e1; } } .currency-badge { diff --git a/src/shared.scss b/src/shared.scss index f6b3fa5..241b99e 100644 --- a/src/shared.scss +++ b/src/shared.scss @@ -35,9 +35,10 @@ } &__header { - background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%); - padding: 28px 24px 24px; + background: #ffffff; + padding: 28px 24px 20px; text-align: center; + border-bottom: 1px solid #e2e8f0; @media (max-width: 480px) { padding-top: calc(28px + env(safe-area-inset-top)); @@ -45,7 +46,7 @@ } &__title { - color: #fff; + color: #0f172a; font-size: 22px; font-weight: 700; margin: 0 0 4px; @@ -53,7 +54,7 @@ } &__subtitle { - color: rgba(255, 255, 255, 0.78); + color: #64748b; font-size: 13px; margin: 0; }