diff --git a/common/component/src/main/ets/components/NoteContent.ets b/common/component/src/main/ets/components/NoteContent.ets
index a917eefb9cbf99f2a6b2ec5dd5e301454f667992..6b718f8fef3ad88227cf3b47584f8ae98ada2883 100644
--- a/common/component/src/main/ets/components/NoteContent.ets
+++ b/common/component/src/main/ets/components/NoteContent.ets
@@ -371,7 +371,7 @@ export struct ToolBarComp {
           }.width(42)
           .height(42)
           .borderRadius(8)
-          .backgroundColor($r('app.color.color_ffffff'))
+          .backgroundColor($r('app.color.color_fffffB'))
 
           Button({ type: ButtonType.Normal, stateEffect: true }) {
             Image($r('app.media.todo'))
@@ -385,7 +385,7 @@ export struct ToolBarComp {
           }.width(42)
           .height(42)
           .borderRadius(8)
-          .backgroundColor($r('app.color.color_ffffff'))
+          .backgroundColor($r('app.color.color_fffffB'))
 
 
           Button({ type: ButtonType.Normal, stateEffect: true }) {
@@ -401,7 +401,7 @@ export struct ToolBarComp {
           }.width(42)
           .height(42)
           .borderRadius(8)
-          .backgroundColor($r('app.color.color_ffffff'))
+          .backgroundColor($r('app.color.color_fffffB'))
         }.width(274)
       }
     }
diff --git a/common/component/src/main/ets/components/NoteContentCompPortrait.ets b/common/component/src/main/ets/components/NoteContentCompPortrait.ets
index d3b0fcbcb238d07f1a12d2db8409bc65a0ad04f1..c0631b3a5d889cbcb41dee7f46bc357cf78f2a48 100644
--- a/common/component/src/main/ets/components/NoteContentCompPortrait.ets
+++ b/common/component/src/main/ets/components/NoteContentCompPortrait.ets
@@ -425,7 +425,7 @@ export struct ToolBarComp {
           }.width(42)
           .height(42)
           .borderRadius(8)
-          .backgroundColor($r('app.color.color_ffffff'))
+          .backgroundColor($r('app.color.color_fffffB'))
 
           Button({ type: ButtonType.Normal, stateEffect: true }) {
             Image($r('app.media.todo')).height(24).width(24)
@@ -437,7 +437,7 @@ export struct ToolBarComp {
           }.width(42)
           .height(42)
           .borderRadius(8)
-          .backgroundColor($r('app.color.color_ffffff'))
+          .backgroundColor($r('app.color.color_fffffB'))
 
           Button({ type: ButtonType.Normal, stateEffect: true }) {
             Image($r('app.media.tick_thin')).height(24).width(24)
@@ -449,7 +449,7 @@ export struct ToolBarComp {
           }.width(42)
           .height(42)
           .borderRadius(8)
-          .backgroundColor($r('app.color.color_ffffff'))
+          .backgroundColor($r('app.color.color_fffffB'))
         }
         .width(130)
         .visibility(this.selectedNoteData.is_deleted == Delete.Yes ? Visibility.None : Visibility.Visible)