diff --git a/frontend/app_flowy/lib/workspace/presentation/stack_page/doc/styles.dart b/frontend/app_flowy/lib/workspace/presentation/stack_page/doc/styles.dart
index 531d984768..dbaaa8ba45 100644
--- a/frontend/app_flowy/lib/workspace/presentation/stack_page/doc/styles.dart
+++ b/frontend/app_flowy/lib/workspace/presentation/stack_page/doc/styles.dart
@@ -86,7 +86,7 @@ DefaultStyles customStyles(BuildContext context) {
           const Tuple2(6, 2),
           BoxDecoration(
             border: Border(
-              left: BorderSide(width: 4, color: theme.main1),
+              left: BorderSide(width: 4, color: theme.shader5),
             ),
           )),
       code: DefaultTextBlockStyle(
diff --git a/frontend/app_flowy/lib/workspace/presentation/widgets/menu/menu.dart b/frontend/app_flowy/lib/workspace/presentation/widgets/menu/menu.dart
index f432524c50..08dd1b88ba 100644
--- a/frontend/app_flowy/lib/workspace/presentation/widgets/menu/menu.dart
+++ b/frontend/app_flowy/lib/workspace/presentation/widgets/menu/menu.dart
@@ -1,6 +1,7 @@
 import 'package:app_flowy/workspace/presentation/widgets/menu/widget/top_bar.dart';
 import 'package:flowy_infra/notifier.dart';
 import 'package:flowy_infra/size.dart';
+import 'package:flowy_infra/theme.dart';
 import 'package:flowy_infra_ui/style_widget/scrolling/styled_list.dart';
 import 'package:flowy_infra_ui/widget/spacing.dart';
 import 'package:flowy_sdk/protobuf/flowy-user-data-model/protobuf.dart' show UserProfile;
@@ -88,8 +89,9 @@ class HomeMenu extends StatelessWidget {
 
   Widget _renderBody(BuildContext context) {
     // nested cloumn: https://siddharthmolleti.com/flutter-box-constraints-nested-column-s-row-s-3dfacada7361
+    final theme = context.watch<AppTheme>();
     return Container(
-      color: Theme.of(context).colorScheme.background,
+      color: theme.bg1,
       child: ChangeNotifierProvider(
         create: (_) => MenuSharedState(view: workspaceSetting.hasLatestView() ? workspaceSetting.latestView : null),
         child: Consumer(builder: (context, MenuSharedState sharedState, child) {
diff --git a/frontend/app_flowy/lib/workspace/presentation/widgets/menu/widget/app/section/item.dart b/frontend/app_flowy/lib/workspace/presentation/widgets/menu/widget/app/section/item.dart
index c22b15b9e8..c896a88d8b 100644
--- a/frontend/app_flowy/lib/workspace/presentation/widgets/menu/widget/app/section/item.dart
+++ b/frontend/app_flowy/lib/workspace/presentation/widgets/menu/widget/app/section/item.dart
@@ -43,7 +43,7 @@ class ViewSectionItem extends StatelessWidget {
           return InkWell(
             onTap: () => onSelected(context.read<ViewBloc>().state.view),
             child: FlowyHover(
-              config: HoverDisplayConfig(hoverColor: theme.bg3),
+              config: HoverDisplayConfig(hoverColor: theme.bg2),
               builder: (_, onHover) => _render(context, onHover, state, theme.iconColor),
               isOnSelected: () => state.isEditing || isSelected,
             ),