[PR #7934] [CLOSED] Chore/new color tokens #8221

New issue

Closed

opened 2026-03-23 23:23:10 +00:00 by mirror · 0 comments

mirror commented

2026-03-23 23:23:10 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/7934
Author: @richardshiue
Created: 5/15/2025
Status: ❌ Closed

Base: main ← Head: chore/new-color-tokens

📝 Commits (2)

9b6bb9b chore: implement new color tokens
f37a019 chore: rename badge color tokens

📊 Changes

38 files changed (+1520 additions, -1017 deletions)

View changed files

📝 frontend/appflowy_flutter/lib/ai/widgets/ai_prompt_modal/ai_prompt_category_list.dart (+5 -5)
📝 frontend/appflowy_flutter/lib/ai/widgets/ai_prompt_modal/ai_prompt_preview.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/ai/widgets/ai_prompt_modal/ai_prompt_visible_list.dart (+2 -2)
📝 frontend/appflowy_flutter/lib/ai/widgets/prompt_input/prompt_input_text_controller.dart (+2 -2)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/bottom_sheet_edit_link_widget.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/mobile/presentation/search/mobile_search_textfield.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_embed/link_embed_block_component.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_preview/custom_link_preview.dart (+2 -2)
📝 frontend/appflowy_flutter/lib/user/presentation/screens/sign_in_screen/desktop_sign_in_screen.dart (+2 -2)
📝 frontend/appflowy_flutter/lib/user/presentation/screens/sign_in_screen/widgets/continue_with/continue_with_password_page.dart (+2 -2)
📝 frontend/appflowy_flutter/lib/user/presentation/screens/sign_in_screen/widgets/third_party_sign_in_button/third_party_sign_in_buttons.dart (+4 -4)
📝 frontend/appflowy_flutter/lib/workspace/presentation/settings/widgets/settings_menu_element.dart (+3 -3)
📝 frontend/appflowy_flutter/packages/appflowy_ui/example/lib/src/modal/modal_page.dart (+3 -3)
📝 frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/base_button/base_button.dart (+3 -3)
📝 frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/filled_button/filled_button.dart (+3 -3)
📝 frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/filled_button/filled_icon_text_button.dart (+6 -3)
📝 frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/filled_button/filled_text_button.dart (+3 -3)
📝 frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/ghost_button/ghost_button.dart (+4 -4)
📝 frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/ghost_button/ghost_icon_text_button.dart (+2 -2)
📝 frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/ghost_button/ghost_text_button.dart (+3 -3)

...and 18 more files

📄 Description

Feature Preview

PR Checklist

My code adheres to AppFlowy's Conventions
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.

Summary by Sourcery

Add new badge color tokens and refactor existing color schemes to use updated semantic tokens

Enhancements:

Introduce AppFlowyBadgeColorColorScheme for badge colors and integrate it into theme data and the generate_theme script
Rename semantic “purple” token to “featured” across text, border, icon, fill and surface color schemes
Remove legacy transparent and alpha-white/grey tokens and introduce content/contentHover/contentVisible variants for fill schemes
Update border and surface schemes to replace grey* tokens with primary and add hover variants
Refactor UI components (outlined, ghost, filled buttons, modals, textfields, prompts) to use new content/contentHover and action tokens instead of deprecated ones

_{🔄 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/7934 **Author:** [@richardshiue](https://github.com/richardshiue) **Created:** 5/15/2025 **Status:** ❌ Closed **Base:** `main` ← **Head:** `chore/new-color-tokens` --- ### 📝 Commits (2) - [`9b6bb9b`](https://github.com/AppFlowy-IO/AppFlowy/commit/9b6bb9b6412f56461f52e7c1e56c8584e2ac18f6) chore: implement new color tokens - [`f37a019`](https://github.com/AppFlowy-IO/AppFlowy/commit/f37a019505052f705ae2973c6504e3ea800030fe) chore: rename badge color tokens ### 📊 Changes **38 files changed** (+1520 additions, -1017 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/lib/ai/widgets/ai_prompt_modal/ai_prompt_category_list.dart` (+5 -5) 📝 `frontend/appflowy_flutter/lib/ai/widgets/ai_prompt_modal/ai_prompt_preview.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/ai/widgets/ai_prompt_modal/ai_prompt_visible_list.dart` (+2 -2) 📝 `frontend/appflowy_flutter/lib/ai/widgets/prompt_input/prompt_input_text_controller.dart` (+2 -2) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/bottom_sheet_edit_link_widget.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/search/mobile_search_textfield.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_embed/link_embed_block_component.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_preview/custom_link_preview.dart` (+2 -2) 📝 `frontend/appflowy_flutter/lib/user/presentation/screens/sign_in_screen/desktop_sign_in_screen.dart` (+2 -2) 📝 `frontend/appflowy_flutter/lib/user/presentation/screens/sign_in_screen/widgets/continue_with/continue_with_password_page.dart` (+2 -2) 📝 `frontend/appflowy_flutter/lib/user/presentation/screens/sign_in_screen/widgets/third_party_sign_in_button/third_party_sign_in_buttons.dart` (+4 -4) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/settings/widgets/settings_menu_element.dart` (+3 -3) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/example/lib/src/modal/modal_page.dart` (+3 -3) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/base_button/base_button.dart` (+3 -3) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/filled_button/filled_button.dart` (+3 -3) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/filled_button/filled_icon_text_button.dart` (+6 -3) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/filled_button/filled_text_button.dart` (+3 -3) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/ghost_button/ghost_button.dart` (+4 -4) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/ghost_button/ghost_icon_text_button.dart` (+2 -2) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/ghost_button/ghost_text_button.dart` (+3 -3) _...and 18 more files_ </details> ### 📄 Description   ### Feature Preview  ---  #### PR Checklist - [ ] My code adheres to [AppFlowy's Conventions](https://docs.appflowy.io/docs/documentation/software-contributions/conventions) - [ ] 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. ## Summary by Sourcery Add new badge color tokens and refactor existing color schemes to use updated semantic tokens Enhancements: - Introduce AppFlowyBadgeColorColorScheme for badge colors and integrate it into theme data and the generate_theme script - Rename semantic “purple” token to “featured” across text, border, icon, fill and surface color schemes - Remove legacy transparent and alpha-white/grey tokens and introduce content/contentHover/contentVisible variants for fill schemes - Update border and surface schemes to replace grey* tokens with primary and add hover variants - Refactor UI components (outlined, ghost, filled buttons, modals, textfields, prompts) to use new content/contentHover and action tokens instead of deprecated ones --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>