diff --git a/frontend/src/features/auth/views/MobileProfileView.css b/frontend/src/features/auth/views/MobileProfileView.css index 14b5de8..26b7466 100644 --- a/frontend/src/features/auth/views/MobileProfileView.css +++ b/frontend/src/features/auth/views/MobileProfileView.css @@ -691,9 +691,9 @@ gap: 12px; margin: 10px 12px; padding: 14px 16px; - border: 1px solid #ddd6fe; + border: 1px solid #ffd6bf; border-radius: 14px; - background: #faf8ff; + background: #fff8f3; } .mobile-points-entry div { @@ -702,13 +702,13 @@ } .mobile-points-entry span { - color: #7c3aed; + color: #ff6a00; font-size: 10px; font-weight: 900; } .mobile-points-entry strong { - color: #312e81; + color: #c2410c; font-size: 15px; } diff --git a/frontend/src/features/auth/views/ProfileView.vue b/frontend/src/features/auth/views/ProfileView.vue index d948eb2..f580aaf 100644 --- a/frontend/src/features/auth/views/ProfileView.vue +++ b/frontend/src/features/auth/views/ProfileView.vue @@ -1041,9 +1041,9 @@ async function savePassword() { gap: 18px; margin-top: 18px; padding: 20px 24px; - border: 1px solid #ddd6fe; + border: 1px solid #ffd6bf; border-radius: 14px; - background: linear-gradient(135deg, #faf8ff 0%, #fff 72%); + background: linear-gradient(135deg, #fff8f3 0%, #fff 72%); } .points-entry-card div { @@ -1052,13 +1052,13 @@ async function savePassword() { } .points-entry-card span { - color: #7c3aed; + color: #ff6a00; font-size: 10px; font-weight: 900; } .points-entry-card strong { - color: #312e81; + color: #c2410c; font-size: 19px; } @@ -1069,8 +1069,9 @@ async function savePassword() { } .points-entry-card :deep(.el-button--primary) { - border: none; - background: #7c3aed; + border: 1px solid #ff6a00 !important; + background: #ff6a00 !important; + box-shadow: 0 6px 14px rgba(255, 106, 0, 0.2) !important; } .quality-owner-card.is-active { diff --git a/frontend/src/features/points/views/PointsMallView.vue b/frontend/src/features/points/views/PointsMallView.vue index 6ab8fc3..567ce7a 100644 --- a/frontend/src/features/points/views/PointsMallView.vue +++ b/frontend/src/features/points/views/PointsMallView.vue @@ -356,7 +356,7 @@ function sourceLabel(source: string) { .points-header span, .product-copy > span { - color: #7c3aed; + color: #ff6a00; font-size: 11px; font-weight: 900; } @@ -375,10 +375,10 @@ function sourceLabel(source: string) { .back-button { min-height: 34px; padding: 0 13px; - border: 1px solid #ddd6fe; + border: 1px solid #ffd6bf; border-radius: 17px; background: #fff; - color: #6d28d9; + color: #d94f00; font-weight: 800; } @@ -411,7 +411,7 @@ function sourceLabel(source: string) { } .points-overview strong { - color: #312e81; + color: #c2410c; font-size: 22px; font-weight: 900; } @@ -422,8 +422,8 @@ function sourceLabel(source: string) { } .points-balance { - border-color: #c4b5fd !important; - background: #faf8ff !important; + border-color: #ffbd91 !important; + background: #fff8f3 !important; } .points-tabs { @@ -443,8 +443,8 @@ function sourceLabel(source: string) { } .points-tabs button.active { - border-color: #7c3aed; - background: #7c3aed; + border-color: #ff6a00; + background: #ff6a00; color: #fff; } @@ -463,8 +463,8 @@ function sourceLabel(source: string) { .product-cover { display: grid; place-items: center; - background: #f1ebff; - color: #6d28d9; + background: #fff1e8; + color: #d94f00; font-size: 42px; font-weight: 900; } @@ -509,7 +509,7 @@ function sourceLabel(source: string) { } .product-action strong { - color: #7c3aed; + color: #ff6a00; font-size: 16px; } @@ -518,7 +518,7 @@ function sourceLabel(source: string) { padding: 0 14px; border: none; border-radius: 17px; - background: #7c3aed; + background: #ff6a00; color: #fff; font-weight: 800; } @@ -634,6 +634,13 @@ function sourceLabel(source: string) { } :global(.redeem-dialog) { + --el-color-primary: #ff6a00; + --el-color-primary-dark-2: #e65f00; + --el-color-primary-light-3: #ff914d; + --el-color-primary-light-5: #ffad78; + --el-color-primary-light-7: #ffd0ad; + --el-color-primary-light-8: #ffe0c7; + --el-color-primary-light-9: #fff0e5; display: flex; max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); @@ -662,9 +669,40 @@ function sourceLabel(source: string) { border-top: 1px solid #f0f1f4; } -:global(.redeem-dialog .el-button--primary) { - border-color: #7c3aed; - background: #7c3aed; +:global( + body + .redeem-dialog + .el-dialog__footer + .el-button.el-button--primary:not(.is-plain):not(.is-dashed):not(.is-text):not(.is-link) +) { + border-color: #ff6a00 !important; + background: #ff6a00 !important; + box-shadow: 0 6px 14px rgba(255, 106, 0, 0.2) !important; +} + +:global( + body + .redeem-dialog + .el-dialog__footer + .el-button.el-button--primary:not(.is-plain):not(.is-dashed):not(.is-text):not( + .is-link + ):hover:not(.is-disabled) +) { + border-color: #e65f00 !important; + background: #e65f00 !important; +} + +:global(body .redeem-dialog .el-input__wrapper.is-focus), +:global(body .redeem-dialog .el-input__wrapper:focus-within) { + box-shadow: + 0 0 0 1px #ff6a00 inset, + 0 0 0 4px rgba(255, 106, 0, 0.1) !important; +} + +:global(body .redeem-dialog .el-textarea__inner:focus) { + box-shadow: + 0 0 0 1px #ff6a00 inset, + 0 0 0 4px rgba(255, 106, 0, 0.1) !important; } .redeem-dialog-title { @@ -673,7 +711,7 @@ function sourceLabel(source: string) { } .redeem-dialog-title span { - color: #7c3aed; + color: #ff6a00; font-size: 12px; font-weight: 900; } @@ -702,8 +740,8 @@ function sourceLabel(source: string) { place-items: center; overflow: hidden; border-radius: 10px; - background: #f1ebff; - color: #6d28d9; + background: #fff1e8; + color: #d94f00; font-size: 28px; font-weight: 900; } @@ -721,7 +759,7 @@ function sourceLabel(source: string) { } .redeem-product-info span { - color: #7c3aed; + color: #ff6a00; font-size: 11px; font-weight: 800; } @@ -746,15 +784,15 @@ function sourceLabel(source: string) { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; overflow: hidden; - border: 1px solid #ede9fe; + border: 1px solid #ffe2d1; border-radius: 10px; - background: #faf8ff; + background: #fff8f3; } .redeem-summary > div { min-width: 0; padding: 10px 12px; - border-left: 1px solid #ede9fe; + border-left: 1px solid #ffe2d1; } .redeem-summary > div:first-child { @@ -769,7 +807,7 @@ function sourceLabel(source: string) { .redeem-summary dd { overflow: hidden; margin: 4px 0 0; - color: #312e81; + color: #c2410c; font-size: 14px; font-weight: 900; text-overflow: ellipsis;