[PR #2254] [MERGED] feat: Improve dark mode in document page #5168

New issue

Closed

opened 2026-03-23 22:17:32 +00:00 by mirror · 0 comments

mirror commented

2026-03-23 22:17:32 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/2254
Author: @hyj1204
Created: 4/12/2023
Status: ✅ Merged
Merged: 4/18/2023
Merged by: @LucasXu0

Base: main ← Head: feat/editor_improvement_dark_mode

📝 Commits (7)

152125c chore: update page icon hover color
bab9846 chore: update remove icon hover color
a0ee975 chore: update emoji picker style
e9d0df7 chore: update ai writer dialog button style
ea8232f chore: update Dropdown menu item style in code block
7837c74 chore: update callout tint color name
61befcb chore: add null assertion in emoji popover

📊 Changes

10 files changed (+63 additions, -102 deletions)

View changed files

📝 frontend/appflowy_flutter/lib/plugins/document/editor_styles.dart (+3 -4)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/plugins/cover/cover_node_widget.dart (+1 -2)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/plugins/cover/emoji_popover.dart (+6 -8)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/plugins/cover/icon_widget.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/plugins/openai/widgets/auto_completion_node_widget.dart (+10 -36)
📝 frontend/appflowy_flutter/lib/workspace/application/appearance.dart (+4 -1)
📝 frontend/appflowy_flutter/lib/workspace/presentation/widgets/emoji_picker/src/config.dart (+4 -0)
📝 frontend/appflowy_flutter/lib/workspace/presentation/widgets/emoji_picker/src/default_emoji_picker_view.dart (+22 -15)
📝 frontend/appflowy_flutter/packages/appflowy_editor_plugins/lib/src/code_block/code_block_node_widget.dart (+3 -2)
📝 frontend/appflowy_flutter/packages/appflowy_editor_plugins/lib/src/extensions/theme_extension.dart (+9 -33)

📄 Description

This PR is to replace PR #2141 to improve UIs in the documents page(Editor).
The following UIs have been updated.

Feature Preview

Emoji Picker
Selection menu
AI writer dialog button

Dropdown menu item style in code block
Callout tint color list

PR Checklist

My code adheres to the AppFlowy Style Guide
I've listed at least one issue that this PR fixes in the description above.
I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes.
All existing tests are passing.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/AppFlowy-IO/AppFlowy/pull/2254 **Author:** [@hyj1204](https://github.com/hyj1204) **Created:** 4/12/2023 **Status:** ✅ Merged **Merged:** 4/18/2023 **Merged by:** [@LucasXu0](https://github.com/LucasXu0) **Base:** `main` ← **Head:** `feat/editor_improvement_dark_mode` --- ### 📝 Commits (7) - [`152125c`](https://github.com/AppFlowy-IO/AppFlowy/commit/152125ca17496b58c6bce6226e11a9bdf8c1d689) chore: update page icon hover color - [`bab9846`](https://github.com/AppFlowy-IO/AppFlowy/commit/bab98467662a4ce884af5312842ac5fcc8c3b0c5) chore: update remove icon hover color - [`a0ee975`](https://github.com/AppFlowy-IO/AppFlowy/commit/a0ee975dc5abe9a359527ba2ed338c0d16e6db4a) chore: update emoji picker style - [`e9d0df7`](https://github.com/AppFlowy-IO/AppFlowy/commit/e9d0df7b27a87a28fe1a4b54221092a92507a5ed) chore: update ai writer dialog button style - [`ea8232f`](https://github.com/AppFlowy-IO/AppFlowy/commit/ea8232f44a0d2755ea77b152b2a8e4b81096a775) chore: update Dropdown menu item style in code block - [`7837c74`](https://github.com/AppFlowy-IO/AppFlowy/commit/7837c74dce1b93ad3d9dfee871b6030550c31256) chore: update callout tint color name - [`61befcb`](https://github.com/AppFlowy-IO/AppFlowy/commit/61befcb9750dce4a76e7ad41c0c9028faa287080) chore: add null assertion in emoji popover ### 📊 Changes **10 files changed** (+63 additions, -102 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/lib/plugins/document/editor_styles.dart` (+3 -4) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/plugins/cover/cover_node_widget.dart` (+1 -2) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/plugins/cover/emoji_popover.dart` (+6 -8) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/plugins/cover/icon_widget.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/plugins/openai/widgets/auto_completion_node_widget.dart` (+10 -36) 📝 `frontend/appflowy_flutter/lib/workspace/application/appearance.dart` (+4 -1) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/widgets/emoji_picker/src/config.dart` (+4 -0) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/widgets/emoji_picker/src/default_emoji_picker_view.dart` (+22 -15) 📝 `frontend/appflowy_flutter/packages/appflowy_editor_plugins/lib/src/code_block/code_block_node_widget.dart` (+3 -2) 📝 `frontend/appflowy_flutter/packages/appflowy_editor_plugins/lib/src/extensions/theme_extension.dart` (+9 -33) </details> ### 📄 Description This PR is to replace PR #2141 to improve UIs in the documents page(Editor). The following UIs have been updated. ### Feature Preview 1. Emoji Picker <img width="326" alt="image" src="https://user-images.githubusercontent.com/14248245/231589557-11646336-c030-46d8-9933-c4aa3007605b.png"> 2. Selection menu <img width="356" alt="image" src="https://user-images.githubusercontent.com/14248245/231589687-cc0b6b88-100b-40fe-b0c8-819d30e6f3b3.png"> 3. AI writer dialog button ![image](https://user-images.githubusercontent.com/14248245/232564106-0d857dc2-0110-4471-91ed-4f8206569d8e.png) ![image](https://user-images.githubusercontent.com/14248245/232566866-341b5974-c053-4608-bb1a-8343c209e3f7.png) ![image](https://user-images.githubusercontent.com/14248245/232566307-5d95cbac-73f1-4254-b42c-f87aee090b07.png) ![image](https://user-images.githubusercontent.com/14248245/232566935-dd57509f-599e-46de-b8e1-ee5557a84b18.png) 4. Dropdown menu item style in code block ![image](https://user-images.githubusercontent.com/14248245/232575000-1e56fc9c-0798-4354-8497-ad140872ee1a.png) 5. Callout tint color list ![image](https://user-images.githubusercontent.com/14248245/232591755-305cf39c-9955-455b-92a6-1f0e8a2588c3.png)  ---  #### PR Checklist - [X] My code adheres to the [AppFlowy Style Guide](https://appflowy.gitbook.io/docs/essential-documentation/contribute-to-appflowy/software-contributions/submitting-code/style-guides) - [X] I've listed at least one issue that this PR fixes in the description above. - [X] I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes. - [X] All existing tests are passing. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>