diff --git a/src/components/CarInfo/CarInfo.vue b/src/components/CarInfo/CarInfo.vue index d7bf2c0..0af1678 100644 --- a/src/components/CarInfo/CarInfo.vue +++ b/src/components/CarInfo/CarInfo.vue @@ -113,7 +113,7 @@ function go() { display: flex; align-items: center; padding: 48px 56px; - background: #fff; + background: #efeeea; } .car-group { display: flex; @@ -143,8 +143,8 @@ function go() { height: 100px; font-size: 36px; text-align: center; - color: #fff; - background: #d4a866; + color: #faeba9; + background: linear-gradient(159.19deg, #c4b280 13.77%, #a89866 96.7%); border-radius: 0 0 16px 16px; font-weight: 700; line-height: 44px; diff --git a/src/components/PlateInput/PlateInput.vue b/src/components/PlateInput/PlateInput.vue index 4680715..0e565ec 100644 --- a/src/components/PlateInput/PlateInput.vue +++ b/src/components/PlateInput/PlateInput.vue @@ -80,7 +80,7 @@ $input-bg: #fff; $input-radius: 12px; $font-size: 32px; $font-energy-size: 14px; -$btn-bg: #d4a866; +$btn-bg: #a6976f; $btn-color: #fff; $btn-font-size: 28px; $btn-width: 218px; @@ -129,7 +129,7 @@ $btn-width: 218px; margin-right: 42px; } &.active { - border: 2px solid #d4a866; + border: 2px solid #a6976f; } &.space { width: 75px; diff --git a/src/components/PlateKeyboard/PlateKeyboard.vue b/src/components/PlateKeyboard/PlateKeyboard.vue index 5c9bc34..aa2da03 100644 --- a/src/components/PlateKeyboard/PlateKeyboard.vue +++ b/src/components/PlateKeyboard/PlateKeyboard.vue @@ -126,7 +126,7 @@ onBeforeUnmount(() => { } &.active { color: #fff; - background: #d4a866; + background: #a6976f; } } } diff --git a/src/components/Traffic/Traffic.vue b/src/components/Traffic/Traffic.vue index db15a3d..2feb0f6 100644 --- a/src/components/Traffic/Traffic.vue +++ b/src/components/Traffic/Traffic.vue @@ -42,7 +42,7 @@