diff --git a/src/layouts/default.vue b/src/layouts/default.vue index 9e2ec55..bca13a4 100644 --- a/src/layouts/default.vue +++ b/src/layouts/default.vue @@ -29,10 +29,6 @@ export default { .page-wraper { box-sizing: border-box; min-height: calc(100vh - var(--window-top)); - background: #f9f9f9; -} - -.wot-theme-dark.page-wraper { - background: #222; + background: var(--wot-color-bg); } diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue index 5b0374a..0541e17 100644 --- a/src/pages/index/index.vue +++ b/src/pages/index/index.vue @@ -22,6 +22,7 @@ { align-items: center; justify-content: flex-start; height: 88rpx; - padding: 0 20rpx; background-color: var(--wot-color-bg); } diff --git a/src/styles/theme.scss b/src/styles/theme.scss index f105046..c511eb7 100644 --- a/src/styles/theme.scss +++ b/src/styles/theme.scss @@ -18,7 +18,7 @@ page { --wot-color-text-placeholder: #999999; /* 边框和背景变量 */ - --wot-color-border: #e5e7eb; + --wot-color-border: #e5e5e5; } /* 暗黑主题 (dark) */ @@ -37,5 +37,5 @@ page { --wot-color-text-placeholder: #999999; /* 暗黑模式下的边框和背景变量 */ - --wot-color-border: #374151; + --wot-color-border: #3a3a3a; }