[PR #1539] [MERGED] [FR] Create a new yellow theme for AppFlowy #4808

New issue

Closed

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

mirror commented

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

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/1539
Author: @MayurSMahajan
Created: 12/6/2022
Status: ✅ Merged
Merged: 12/30/2022
Merged by: @LucasXu0

Base: main ← Head: fr_add_new_yellow_theme_1475

📝 Commits (10+)

9b9900f feat: add dandelion color scheme
3e7b0e5 feat: add dandelion to colorsheme
f8393bb feat: add setting for choosing theme
3d7b14c refactor: make theme selection ui consistent
ecb5bcb refactor: remove duplicate themeTypeLabel
0ed562f refactor: translate theme type setting
e93ce28 refactor: use an extension method for themename
aed1d41 refactor: change community theme name
b083fc1 refactor: add theme name in app theme
711dc05 refactor: remove theme type from cubit

📊 Changes

6 files changed (+167 additions, -28 deletions)

View changed files

📝 frontend/app_flowy/assets/translations/en.json (+3 -2)
📝 frontend/app_flowy/lib/workspace/application/appearance.dart (+2 -2)
📝 frontend/app_flowy/lib/workspace/presentation/settings/widgets/settings_appearance_view.dart (+61 -0)
📝 frontend/app_flowy/packages/flowy_infra/lib/colorscheme/colorscheme.dart (+19 -8)
➕ frontend/app_flowy/packages/flowy_infra/lib/colorscheme/dandelion.dart (+74 -0)
📝 frontend/app_flowy/packages/flowy_infra/lib/theme.dart (+8 -16)

📄 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

Adding more themes will become much easier.

Flow

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 they can toggle between the light theme and dark theme.

After the PR is merged, changing the theme will done as follows

User opens the settings page where they see a list of different themes, from which they select any one.

_{🔄 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/1539 **Author:** [@MayurSMahajan](https://github.com/MayurSMahajan) **Created:** 12/6/2022 **Status:** ✅ Merged **Merged:** 12/30/2022 **Merged by:** [@LucasXu0](https://github.com/LucasXu0) **Base:** `main` ← **Head:** `fr_add_new_yellow_theme_1475` --- ### 📝 Commits (10+) - [`9b9900f`](https://github.com/AppFlowy-IO/AppFlowy/commit/9b9900f8299a01f5ed2fa69ee8995b8e813d7a19) feat: add dandelion color scheme - [`3e7b0e5`](https://github.com/AppFlowy-IO/AppFlowy/commit/3e7b0e59814bd55fd5d10803008ce79f2e6011bb) feat: add dandelion to colorsheme - [`f8393bb`](https://github.com/AppFlowy-IO/AppFlowy/commit/f8393bba4e87fc27bb883980f5ca788b13b405e2) feat: add setting for choosing theme - [`3d7b14c`](https://github.com/AppFlowy-IO/AppFlowy/commit/3d7b14cac31ff5c47f3fc3740d54b4a782f1c8b1) refactor: make theme selection ui consistent - [`ecb5bcb`](https://github.com/AppFlowy-IO/AppFlowy/commit/ecb5bcb8c8946f3c53b1e76386f7130e75f14a85) refactor: remove duplicate themeTypeLabel - [`0ed562f`](https://github.com/AppFlowy-IO/AppFlowy/commit/0ed562fcc631bafe5918a83cd532cda4dc102fa3) refactor: translate theme type setting - [`e93ce28`](https://github.com/AppFlowy-IO/AppFlowy/commit/e93ce2824c8c12927593730b857e882c92dc9362) refactor: use an extension method for themename - [`aed1d41`](https://github.com/AppFlowy-IO/AppFlowy/commit/aed1d411440d2e11e48965a373cdffb1431e759f) refactor: change community theme name - [`b083fc1`](https://github.com/AppFlowy-IO/AppFlowy/commit/b083fc1b9af903a57c872a536969491f9498502c) refactor: add theme name in app theme - [`711dc05`](https://github.com/AppFlowy-IO/AppFlowy/commit/711dc05a454abcf70546f6ddb6f66a391fb9f618) refactor: remove theme type from cubit ### 📊 Changes **6 files changed** (+167 additions, -28 deletions) <details> <summary>View changed files</summary> 📝 `frontend/app_flowy/assets/translations/en.json` (+3 -2) 📝 `frontend/app_flowy/lib/workspace/application/appearance.dart` (+2 -2) 📝 `frontend/app_flowy/lib/workspace/presentation/settings/widgets/settings_appearance_view.dart` (+61 -0) 📝 `frontend/app_flowy/packages/flowy_infra/lib/colorscheme/colorscheme.dart` (+19 -8) ➕ `frontend/app_flowy/packages/flowy_infra/lib/colorscheme/dandelion.dart` (+74 -0) 📝 `frontend/app_flowy/packages/flowy_infra/lib/theme.dart` (+8 -16) </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 Adding more themes will become much easier. #### Flow 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 they can toggle between the light theme and dark theme. After the PR is merged, changing the theme will done as follows User opens the settings page where they see a list of different themes, from which they select any one. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>