[PR #7818] [CLOSED] chore: implement new color tokens #8137

New issue

Closed

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

mirror commented

2026-03-23 23:22:46 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/7818
Author: @richardshiue
Created: 4/23/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

Implement new color tokens by adding a comprehensive badge color scheme, replacing deprecated alpha/transparent tokens with standardized content tokens, renaming semantic purple variants to “featured,” and updating theme definitions, generation scripts, and UI components to use the new tokens.

New Features:

Introduce AppFlowyBadgeColorColorScheme with extensive subtle badge color variants and integrate it into the theme data and builder.

Enhancements:

Replace transparent and alpha-based fill tokens with new content, contentHover, and contentVisible tokens.
Rename semantic purple color fields to “featured” across text, fill, border, and icon color schemes.
Update generate_theme script and theme builder to include badgeColorColorScheme and updated token categories.
Refactor UI components (buttons, text fields, modals, link previews, etc.) to use new content and primary/primaryHover tokens instead of legacy grey and transparent values.

_{🔄 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/7818 **Author:** [@richardshiue](https://github.com/richardshiue) **Created:** 4/23/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 - [x] My code adheres to [AppFlowy's Conventions](https://docs.appflowy.io/docs/documentation/software-contributions/conventions) - [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. ## Summary by Sourcery Implement new color tokens by adding a comprehensive badge color scheme, replacing deprecated alpha/transparent tokens with standardized content tokens, renaming semantic purple variants to “featured,” and updating theme definitions, generation scripts, and UI components to use the new tokens. New Features: - Introduce AppFlowyBadgeColorColorScheme with extensive subtle badge color variants and integrate it into the theme data and builder. Enhancements: - Replace transparent and alpha-based fill tokens with new content, contentHover, and contentVisible tokens. - Rename semantic purple color fields to “featured” across text, fill, border, and icon color schemes. - Update generate_theme script and theme builder to include badgeColorColorScheme and updated token categories. - Refactor UI components (buttons, text fields, modals, link previews, etc.) to use new content and primary/primaryHover tokens instead of legacy grey and transparent values. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>