[PR #1531] [CLOSED] [FR] Create a new yellow theme for AppFlowy #4802

New issue

Closed

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

mirror commented

2026-03-23 22:15:53 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/1531
Author: @MayurSMahajan
Created: 12/4/2022
Status: ❌ Closed

Base: main ← Head: fr_add_new_yellow_theme_1475

📝 Commits (10+)

22366f1 feat:add a new all colors theme
216f0a2 feat:modify appearance cubit to take in themetype
d0e8682 feat:Add listview of theme options
fb32aa9 feat:Color option according to theme
f2a60c7 feat:separate getting card color
2fbe10e feat:add specific color for theme option
b967ec6 feat:Change New theme name
5a5da6c fix:Remove unused imports
5075402 refactor:change _setIcon to setIcon
d08daea refactor:change _traverse to traverse

📊 Changes

12 files changed (+113 additions, -47 deletions)

View changed files

📝 frontend/app_flowy/lib/plugins/board/application/card/board_text_cell_bloc.dart (+0 -1)
📝 frontend/app_flowy/lib/plugins/board/presentation/board_page.dart (+0 -1)
📝 frontend/app_flowy/lib/plugins/grid/application/field/field_service.dart (+0 -1)
📝 frontend/app_flowy/lib/workspace/application/appearance.dart (+3 -3)
📝 frontend/app_flowy/lib/workspace/presentation/settings/widgets/settings_appearance_view.dart (+35 -19)
📝 frontend/app_flowy/lib/workspace/presentation/settings/widgets/settings_user_view.dart (+2 -2)
📝 frontend/app_flowy/lib/workspace/presentation/widgets/emoji_picker/src/emoji_button.dart (+0 -1)
📝 frontend/app_flowy/packages/appflowy_board/lib/src/rendering/board_overlay.dart (+0 -1)
📝 frontend/app_flowy/packages/appflowy_editor_plugins/lib/src/code_block/code_block_node_widget.dart (+3 -3)
📝 frontend/app_flowy/packages/appflowy_editor_plugins/lib/src/math_ equation/math_equation_node_widget.dart (+0 -1)
📝 frontend/app_flowy/packages/flowy_infra/lib/theme.dart (+64 -9)
📝 frontend/app_flowy/packages/flowy_infra_ui/flowy_infra_ui_platform_interface/lib/src/method_channel_flowy_infra_ui.dart (+6 -5)

📄 Description

Description

Solves #1475

Tasks

Create a mechanism to select from multiple theme options
Create a new all-colored theme that utilizes all the colors in AppFlowy's logo.

Impact

The previous AppFlowys app only allowed two themes. This theme control was taken care of by the following approach:

User opens the settings page where he can toggle between the light theme and dark theme.

After the PR is merged, changing the theme will be handled in the following steps:

User opens the settings page where he sees a list of different themes, from which he selects any one.

Adding more themes will become much easier.

Naming

This PR adds a new ThemeType to the app. It adds the requested yellow theme. I have named the theme "Anne" because when I showed her a bunch of themes, this was the theme she liked the most. Also, she has been very supportive and welcoming during my journey of making my first contribution to AppFlowy. This is my way of saying Thanks.

_{🔄 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/1531 **Author:** [@MayurSMahajan](https://github.com/MayurSMahajan) **Created:** 12/4/2022 **Status:** ❌ Closed **Base:** `main` ← **Head:** `fr_add_new_yellow_theme_1475` --- ### 📝 Commits (10+) - [`22366f1`](https://github.com/AppFlowy-IO/AppFlowy/commit/22366f1303951ff5ddc2e320d47dd6fd4f1f002c) feat:add a new all colors theme - [`216f0a2`](https://github.com/AppFlowy-IO/AppFlowy/commit/216f0a22f0752d3c2267306121609e79d4e02554) feat:modify appearance cubit to take in themetype - [`d0e8682`](https://github.com/AppFlowy-IO/AppFlowy/commit/d0e8682f59e77faab6a1ae1e0e25ac216e62a0dd) feat:Add listview of theme options - [`fb32aa9`](https://github.com/AppFlowy-IO/AppFlowy/commit/fb32aa93e1c87b4b49290e6e95eb81789556aae6) feat:Color option according to theme - [`f2a60c7`](https://github.com/AppFlowy-IO/AppFlowy/commit/f2a60c7650ff945191495d25cbee137aabebace1) feat:separate getting card color - [`2fbe10e`](https://github.com/AppFlowy-IO/AppFlowy/commit/2fbe10e9069d3b5be0b3dc564c5d09bdcbb648ca) feat:add specific color for theme option - [`b967ec6`](https://github.com/AppFlowy-IO/AppFlowy/commit/b967ec6410225d15c01ea85cdc47c11c1ac439e2) feat:Change New theme name - [`5a5da6c`](https://github.com/AppFlowy-IO/AppFlowy/commit/5a5da6c9371319541fbfb7a9965a5aa23cd93b8b) fix:Remove unused imports - [`5075402`](https://github.com/AppFlowy-IO/AppFlowy/commit/50754022fb1e79b4be1bedbca614bc21ca644331) refactor:change _setIcon to setIcon - [`d08daea`](https://github.com/AppFlowy-IO/AppFlowy/commit/d08daea9d53e891626b7c60d7972e01dddf0b53c) refactor:change _traverse to traverse ### 📊 Changes **12 files changed** (+113 additions, -47 deletions) <details> <summary>View changed files</summary> 📝 `frontend/app_flowy/lib/plugins/board/application/card/board_text_cell_bloc.dart` (+0 -1) 📝 `frontend/app_flowy/lib/plugins/board/presentation/board_page.dart` (+0 -1) 📝 `frontend/app_flowy/lib/plugins/grid/application/field/field_service.dart` (+0 -1) 📝 `frontend/app_flowy/lib/workspace/application/appearance.dart` (+3 -3) 📝 `frontend/app_flowy/lib/workspace/presentation/settings/widgets/settings_appearance_view.dart` (+35 -19) 📝 `frontend/app_flowy/lib/workspace/presentation/settings/widgets/settings_user_view.dart` (+2 -2) 📝 `frontend/app_flowy/lib/workspace/presentation/widgets/emoji_picker/src/emoji_button.dart` (+0 -1) 📝 `frontend/app_flowy/packages/appflowy_board/lib/src/rendering/board_overlay.dart` (+0 -1) 📝 `frontend/app_flowy/packages/appflowy_editor_plugins/lib/src/code_block/code_block_node_widget.dart` (+3 -3) 📝 `frontend/app_flowy/packages/appflowy_editor_plugins/lib/src/math_ equation/math_equation_node_widget.dart` (+0 -1) 📝 `frontend/app_flowy/packages/flowy_infra/lib/theme.dart` (+64 -9) 📝 `frontend/app_flowy/packages/flowy_infra_ui/flowy_infra_ui_platform_interface/lib/src/method_channel_flowy_infra_ui.dart` (+6 -5) </details> ### 📄 Description ## Description ### Solves #1475 ### Tasks - [x] Create a mechanism to select from multiple theme options - [x] Create a new all-colored theme that utilizes all the colors in AppFlowy's logo. ### Impact ### _The previous AppFlowys app only allowed two themes. This theme control was taken care of by the following approach:_ 1. User opens the settings page where he can toggle between the light theme and dark theme. ### _After the PR is merged, changing the theme will be handled in the following steps:_ 1. User opens the settings page where he sees a list of different themes, from which he selects any one. ### _Adding more themes will become much easier._ #### Naming This PR adds a new ThemeType to the app. It adds the requested yellow theme. I have named the theme "Anne" because when I showed her a bunch of themes, this was the theme she liked the most. Also, she has been very supportive and welcoming during my journey of making my first contribution to AppFlowy. This is my way of saying Thanks. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>