From 954b751e7c29a8619f21f542fa0145337cde80ca Mon Sep 17 00:00:00 2001
From: JimmFly <447268514@qq.com>
Date: Thu, 28 Dec 2023 13:49:14 +0000
Subject: [PATCH] chore: adjust side bar empty item color (#5422)

---
 .../pure/workspace-slider-bar/collections/styles.css.ts       | 4 ++--
 .../pure/workspace-slider-bar/favorite/styles.css.ts          | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/core/src/components/pure/workspace-slider-bar/collections/styles.css.ts b/packages/frontend/core/src/components/pure/workspace-slider-bar/collections/styles.css.ts
index 567f76f327..0243def103 100644
--- a/packages/frontend/core/src/components/pure/workspace-slider-bar/collections/styles.css.ts
+++ b/packages/frontend/core/src/components/pure/workspace-slider-bar/collections/styles.css.ts
@@ -141,7 +141,7 @@ export const emptyCollectionIconWrapper = style({
   alignItems: 'center',
   justifyContent: 'center',
   borderRadius: '50%',
-  backgroundColor: 'var(--affine-background-secondary-color)',
+  backgroundColor: 'var(--affine-hover-color)',
 });
 
 export const emptyCollectionIcon = style({
@@ -152,7 +152,7 @@ export const emptyCollectionIcon = style({
 export const emptyCollectionMessage = style({
   fontSize: 'var(--affine-font-sm)',
   textAlign: 'center',
-  color: 'var(--affine-text-secondary-color)',
+  color: 'var(--affine-black-30)',
 });
 
 export const emptyCollectionNewButton = style({
diff --git a/packages/frontend/core/src/components/pure/workspace-slider-bar/favorite/styles.css.ts b/packages/frontend/core/src/components/pure/workspace-slider-bar/favorite/styles.css.ts
index eacbe22dbb..21b0cf7901 100644
--- a/packages/frontend/core/src/components/pure/workspace-slider-bar/favorite/styles.css.ts
+++ b/packages/frontend/core/src/components/pure/workspace-slider-bar/favorite/styles.css.ts
@@ -159,7 +159,7 @@ export const emptyFavouritesIconWrapper = style({
   alignItems: 'center',
   justifyContent: 'center',
   borderRadius: '50%',
-  backgroundColor: 'var(--affine-background-secondary-color)',
+  backgroundColor: 'var(--affine-hover-color)',
 });
 
 export const emptyFavouritesIcon = style({
@@ -170,5 +170,5 @@ export const emptyFavouritesIcon = style({
 export const emptyFavouritesMessage = style({
   fontSize: 'var(--affine-font-sm)',
   textAlign: 'center',
-  color: 'var(--affine-text-secondary-color)',
+  color: 'var(--affine-black-30)',
 });