diff --git a/src/assets/css/base.scss b/src/assets/css/base.scss index 23c4789..ef453cc 100644 --- a/src/assets/css/base.scss +++ b/src/assets/css/base.scss @@ -1,6 +1,6 @@ /* color palette from */ :root { - --primary-color: rgb(111, 185, 55); + --primary-color: #71b73c; --vt-c-white: #fff; --vt-c-white-soft: #f8f8f8; --vt-c-white-mute: #f2f2f2; @@ -16,6 +16,9 @@ --vt-c-text-light-2: rgba(60, 60, 60, 0.66); --vt-c-text-dark-1: var(--vt-c-white); --vt-c-text-dark-2: rgba(235, 235, 235, 0.64); + --van-picker-confirm-action-color: var(--primary-color); + --van-calendar-range-edge-background: var(--primary-color); + --van-cascader-active-color: var(--primary-color); --status-bar-height: 20px; } @@ -29,6 +32,7 @@ --color-heading: var(--vt-c-text-light-1); --color-text: var(--vt-c-text-light-1); --section-gap: 160px; + --el-select-input-focus-border-color: var(--primary-color); } @media (prefers-color-scheme: dark) { diff --git a/src/assets/css/public.scss b/src/assets/css/public.scss index db24ef4..2e8d309 100644 --- a/src/assets/css/public.scss +++ b/src/assets/css/public.scss @@ -209,6 +209,9 @@ color: $theme-color; } +input { + outline-color: transparent; +} .el-input__wrapper, .el-select__wrapper { box-shadow: none; @@ -224,8 +227,3 @@ color: $theme-color; } } -.el-dropdown-menu__item:not(.is-disabled):focus, -.el-dropdown-menu__item:not(.is-disabled):hover { - background-color: #fff !important; - color: #2dc26b !important; -} diff --git a/src/components/YLSelect.vue b/src/components/YLSelect.vue index 8d4d700..a477355 100644 --- a/src/components/YLSelect.vue +++ b/src/components/YLSelect.vue @@ -83,14 +83,14 @@ export default defineComponent({