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)',
 });