From c77d49259a580a6aaa51f7c31d65f2edc5df5163 Mon Sep 17 00:00:00 2001 From: boojack Date: Tue, 13 Dec 2022 23:34:38 +0800 Subject: [PATCH] chore: update light bg color (#744) --- web/index.html | 2 +- web/public/manifest.json | 4 ++-- web/src/less/auth.less | 6 +++--- web/src/less/explore.less | 3 +-- web/src/less/home.less | 6 ++---- web/src/less/memo-detail.less | 6 ++---- web/src/pages/Loading.tsx | 2 +- 7 files changed, 12 insertions(+), 17 deletions(-) diff --git a/web/index.html b/web/index.html index 41484ff6..eb4c54c9 100644 --- a/web/index.html +++ b/web/index.html @@ -3,7 +3,7 @@ - + diff --git a/web/public/manifest.json b/web/public/manifest.json index 38325a79..74794c0b 100644 --- a/web/public/manifest.json +++ b/web/public/manifest.json @@ -12,6 +12,6 @@ "start_url": "/", "scope": "/", "display": "standalone", - "theme_color": "#f6f5f4", - "background_color": "#f6f5f4" + "theme_color": "#f4f4f5", + "background_color": "#f4f4f5" } diff --git a/web/src/less/auth.less b/web/src/less/auth.less index 73afbd73..1d27b5dc 100644 --- a/web/src/less/auth.less +++ b/web/src/less/auth.less @@ -1,5 +1,5 @@ .page-wrapper.auth { - @apply flex flex-row justify-center items-center w-full h-screen bg-white dark:bg-zinc-800; + @apply flex flex-row justify-center items-center w-full h-screen bg-zinc-100 dark:bg-zinc-800; > .page-container { @apply w-80 max-w-full h-full py-4 flex flex-col justify-start items-center; @@ -37,7 +37,7 @@ @apply absolute top-3 left-3 px-1 leading-10 flex-shrink-0 text-base cursor-text text-gray-400 bg-transparent transition-all select-none; &.not-null { - @apply text-sm top-0 z-10 leading-4 bg-white dark:bg-zinc-800 rounded; + @apply text-sm top-0 z-10 leading-4 bg-zinc-100 dark:bg-zinc-800 rounded; } } @@ -45,7 +45,7 @@ @apply py-2; > input { - @apply w-full py-3 px-3 text-base rounded-lg; + @apply w-full py-3 px-3 text-base rounded-lg bg-zinc-100 dark:bg-zinc-800; } } } diff --git a/web/src/less/explore.less b/web/src/less/explore.less index d79efc57..fc6e0631 100644 --- a/web/src/less/explore.less +++ b/web/src/less/explore.less @@ -1,6 +1,5 @@ .page-wrapper.explore { - @apply relative top-0 w-full h-screen overflow-y-auto overflow-x-hidden dark:bg-zinc-800; - background-color: #f6f5f4; + @apply relative top-0 w-full h-screen overflow-y-auto overflow-x-hidden bg-zinc-100 dark:bg-zinc-800; > .page-container { @apply relative w-full min-h-screen mx-auto flex flex-col justify-start items-center pb-8; diff --git a/web/src/less/home.less b/web/src/less/home.less index a70861c6..59d0f906 100644 --- a/web/src/less/home.less +++ b/web/src/less/home.less @@ -1,6 +1,5 @@ .page-wrapper.home { - @apply relative top-0 w-full h-screen overflow-y-auto overflow-x-hidden dark:bg-zinc-800; - background-color: #f6f5f4; + @apply relative top-0 w-full h-screen overflow-y-auto overflow-x-hidden bg-zinc-100 dark:bg-zinc-800; > .banner-wrapper { @apply w-full flex flex-col justify-start items-center; @@ -17,8 +16,7 @@ @apply relative flex-grow max-w-2xl w-full min-h-full flex flex-col justify-start items-start px-4 sm:pr-6; > .memos-editor-wrapper { - @apply sticky top-0 w-full h-full flex flex-col justify-start items-start z-10 dark:bg-zinc-800; - background-color: #f6f5f4; + @apply sticky top-0 w-full h-full flex flex-col justify-start items-start z-10 bg-zinc-100 dark:bg-zinc-800; } > .addition-btn-container { diff --git a/web/src/less/memo-detail.less b/web/src/less/memo-detail.less index a31bc2be..d1c32d76 100644 --- a/web/src/less/memo-detail.less +++ b/web/src/less/memo-detail.less @@ -1,13 +1,11 @@ .page-wrapper.memo-detail { - @apply relative top-0 w-full h-screen overflow-y-auto overflow-x-hidden dark:bg-zinc-800; - background-color: #f6f5f4; + @apply relative top-0 w-full h-screen overflow-y-auto overflow-x-hidden bg-zinc-100 dark:bg-zinc-800; > .page-container { @apply relative w-full min-h-screen mx-auto flex flex-col justify-start items-center pb-8; > .page-header { - @apply sticky top-0 z-10 max-w-2xl w-full min-h-full flex flex-row justify-between items-center px-4 pt-6 mb-2 dark:bg-zinc-800; - background-color: #f6f5f4; + @apply sticky top-0 z-10 max-w-2xl w-full min-h-full flex flex-row justify-between items-center px-4 pt-6 mb-2 bg-zinc-100 dark:bg-zinc-800; > .title-container { @apply flex flex-row justify-start items-center; diff --git a/web/src/pages/Loading.tsx b/web/src/pages/Loading.tsx index 551e3e68..d5a8fe4b 100644 --- a/web/src/pages/Loading.tsx +++ b/web/src/pages/Loading.tsx @@ -2,7 +2,7 @@ import Icon from "../components/Icon"; function Loading() { return ( -
+