[PR #2160] [MERGED] feat: Improve dark mode in grid page #5131

New issue

Closed

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

mirror commented 2026-03-23 22:17:23 +00:00

Owner

Copy link

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/2160
Author: @hyj1204
Created: 3/31/2023
Status: ✅ Merged
Merged: 4/4/2023
Merged by: @appflowy

Base: main ← Head: feat/dark_mode_grid_improvement

---

📝 Commits (10+)

• 0e4bb3f chore: Update the hover effect in FieldCellButton and CreateFieldButton
• b812ac9 chore(grid): improve grid page UI
• a4966c2 chore: update the background color of auth page
• 2461537 chore: update UI in Select option cell
• bf08cf9 chore: update date cell UI
• fb7e844 chore: update checklist UI
• 75b73d8 chore: comment out temporary
• 8037e23 chore: update multi select and URL UI
• c6341e8 chore: update scroll bar color
• bb1f2c9 chore: update sort and filter UI

📊 Changes

45 files changed (+243 additions, -132 deletions)

View changed files

📝 frontend/appflowy_flutter/assets/images/home/new_app.svg (+16 -4)
➖ frontend/appflowy_flutter/assets/images/home/new_app_dark.svg (+0 -5)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/choicechip/choicechip.dart (+6 -2)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/condition_button.dart (+7 -2)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/create_filter_list.dart (+15 -13)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/disclosure_button.dart (+2 -0)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/filter_menu.dart (+4 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/footer/grid_footer.dart (+5 -2)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/field_cell.dart (+3 -4)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/field_cell_action_sheet.dart (+8 -2)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/field_type_list.dart (+6 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/field_type_option_editor.dart (+3 -0)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/grid_header.dart (+2 -5)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/date.dart (+2 -8)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/select_option.dart (+6 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/select_option_editor.dart (+6 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/row/action.dart (+5 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/row/row.dart (+11 -2)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/sort/create_sort_list.dart (+15 -13)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/sort/sort_choice_button.dart (+4 -1)

...and 25 more files

📄 Description

This PR is the second part of the dark mode improvement #1671. It update the UI in the grid page.

Updated the following UI:

1. FieldCellButton and CreateFieldButton
   

2. Tool bar
   

3. Row actions
   

4. Headers
   

5. Select option cell
   

6. Date cell
   

7. CheckList
   

8. Sort and Filter
   Sort
   
   Filter
   

More update in other part

1. Update the background color in auth page
   

2. Change the new app SVG file and the inner cross is transparent now.
   

3. Change the default theme name
   

---

_{🔄 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/2160 **Author:** [@hyj1204](https://github.com/hyj1204) **Created:** 3/31/2023 **Status:** ✅ Merged **Merged:** 4/4/2023 **Merged by:** [@appflowy](https://github.com/appflowy) **Base:** `main` ← **Head:** `feat/dark_mode_grid_improvement` --- ### 📝 Commits (10+) - [`0e4bb3f`](https://github.com/AppFlowy-IO/AppFlowy/commit/0e4bb3f28afe04b8e4a7023016f90fa85931d0f2) chore: Update the hover effect in FieldCellButton and CreateFieldButton - [`b812ac9`](https://github.com/AppFlowy-IO/AppFlowy/commit/b812ac9599ca71a38c4c6289c6a9067700be0b1a) chore(grid): improve grid page UI - [`a4966c2`](https://github.com/AppFlowy-IO/AppFlowy/commit/a4966c2a9263713bb9568463698bd053e8db24bd) chore: update the background color of auth page - [`2461537`](https://github.com/AppFlowy-IO/AppFlowy/commit/24615371a3e5c14b033f35b37fcfc15abcbd9d7e) chore: update UI in Select option cell - [`bf08cf9`](https://github.com/AppFlowy-IO/AppFlowy/commit/bf08cf9914d89ee81a8a475383433c9b531f281a) chore: update date cell UI - [`fb7e844`](https://github.com/AppFlowy-IO/AppFlowy/commit/fb7e8441d14d22f659dc70d7d0a1173904a4501c) chore: update checklist UI - [`75b73d8`](https://github.com/AppFlowy-IO/AppFlowy/commit/75b73d86b2cf304bd6998292ae55c33b6cbbb2e2) chore: comment out temporary - [`8037e23`](https://github.com/AppFlowy-IO/AppFlowy/commit/8037e23cfe239aefc4da8a8ee3db932948473e9c) chore: update multi select and URL UI - [`c6341e8`](https://github.com/AppFlowy-IO/AppFlowy/commit/c6341e81f0ec7bc3bfecebe4f503f723a971d34e) chore: update scroll bar color - [`bb1f2c9`](https://github.com/AppFlowy-IO/AppFlowy/commit/bb1f2c953c7e8a3a6f6f3aa1db8ee00b75ecf4b8) chore: update sort and filter UI ### 📊 Changes **45 files changed** (+243 additions, -132 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/assets/images/home/new_app.svg` (+16 -4) ➖ `frontend/appflowy_flutter/assets/images/home/new_app_dark.svg` (+0 -5) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/choicechip/choicechip.dart` (+6 -2) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/condition_button.dart` (+7 -2) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/create_filter_list.dart` (+15 -13) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/disclosure_button.dart` (+2 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/filter_menu.dart` (+4 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/footer/grid_footer.dart` (+5 -2) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/field_cell.dart` (+3 -4) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/field_cell_action_sheet.dart` (+8 -2) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/field_type_list.dart` (+6 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/field_type_option_editor.dart` (+3 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/grid_header.dart` (+2 -5) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/date.dart` (+2 -8) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/select_option.dart` (+6 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/select_option_editor.dart` (+6 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/row/action.dart` (+5 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/row/row.dart` (+11 -2) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/sort/create_sort_list.dart` (+15 -13) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/sort/sort_choice_button.dart` (+4 -1) _...and 25 more files_ </details> ### 📄 Description This PR is the second part of the dark mode improvement #1671. It update the UI in the grid page. Updated the following UI: 1. FieldCellButton and CreateFieldButton  2. Tool bar  3. Row actions  4. Headers  5. Select option cell  6. Date cell  7. CheckList  8. Sort and Filter Sort  Filter  More update in other part 1. Update the background color in auth page  2. Change the new app SVG file and the inner cross is transparent now.  3. Change the default theme name  --- _{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

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

• closed this issue
• added the
  pull-request
  label

mirror referenced this issue 2026-03-23 23:16:06 +00:00

[PR #5131] [CLOSED] feat: add codeblock package #6663

Sign in to join this conversation.

No Branch/Tag specified

Branches Tags

main

copilot/fix-date-format-issue

feat/mention_a_person

merge_upstream_v6

mobile/release/0.9.3

release/0.9.3

release/0.9.2

select_source

release/0.9.1

refactor_import_data

release/0.8.9.1

release/0.8.9

anon_user_mode

release/0.8.8

fix_windows_selection

release/0.8.7

annieappflowy-patch-1

windows_local_ai

release/0.8.6

release/0.8.5

release/0.8.4

chore/optional-response-format

release/0.8.3

release/0.8.2

release/0.8.1

release/0.8.0

release/0.7.9

feat/support-rename-workspace

chat_rag_only

calculate_ui_test

release/0.7.8

release/0.7.7

stringfi_cells

hotfix/0.7.5

release/0.7.4

client-api-update

feat/collab-editing

fix_calculation_bug

feat/upload-file-in-document

update-client-api

feat/support-global-comment-on-web

update-client-api-2

feat/support-duplicate-publish-on-web

feat/ai-plan-billing

chore/test-web-deploy

chore/enable-billing-for-testing

build/test

ai_tag_feature

chore/enable-billing-plan

feat/billing-client-windows

chore/support-openai-chat

fix/try-no-media-kit

sign-in-error-format

workspace-invite-ci-test

last-workspace

workspace-invite-wip

feat/date-text-input

appflowy_v1

0.11.1

0.11.0

0.10.9

0.11.2

0.10.7

0.10.6

0.10.5

0.11.3

0.11.4

0.10.8

0.10.4

0.10.3

0.10.2

0.10.0

0.10.1

0.9.9

0.9.8

0.9.7

0.9.5

0.9.6

0.9.4

0.9.3

0.9.2

0.9.1

0.9.0

0.8.9

0.8.8

0.8.7

0.8.6

0.8.5

0.8.4

0.8.3

0.8.2

0.8.1

0.8.0

0.7.9

0.7.8

0.7.7

0.7.6

0.7.5

0.7.4

0.7.3

0.7.2

0.7.1

0.7.0

0.6.9

0.6.8

0.6.7.2

0.6.7.1

0.6.7

0.6.6

0.6.5

0.6.4

0.6.3

0.6.2

0.6.1

v0.6.1

0.6.0

0.5.9

0.5.8

0.5.7

0.5.6

0.5.5

0.5.4

0.5.3

0.5.2

0.5.1

0.5.0

0.4.9

0.4.8

0.4.7

0.4.6

0.4.5

0.4.4

0.4.3

0.4.2

0.4.1

0.4.0

0.3.9.1

0.3.9

0.3.8

0.3.7

0.3.6

0.3.5

0.3.4

0.3.3

0.3.2

0.3.1

0.3.0

0.2.9

0.2.8

0.2.7

0.2.6

0.2.5

0.2.4

0.2.3

0.2.2

0.2.1

0.2.0

0.1.6

0.1.5

0.1.4

0.1.3

0.1.2

0.1.1

0.1.0

0.0.9.1

0.0.9

0.0.8.1

0.0.8

0.0.7.1

0.0.7

0.0.6.2

0.0.6.1

0.0.6

0.0.6_beta.1

0.0.5.3

0.0.5.2

0.0.5.1

0.0.5

0.0.5_beta.2

0.0.5_beta.1

0.0.4

0.0.4_beta.3

0.0.4_beta.2

0.0.4_beta.1

0.0.3

0.0.3_beta.2

0.0.3_beta.1

0.0.2

0.0.1

Labels

Clear labels   

2024

  

2025

  

2026

  

acct mgmt

  

AI

  

automation

  

bug

  

calendar

  

ci

  

CJK

  

cloud

  

code-block

  

collaboration

  

copy-paste

  

database

  

data migration

  

data sync

  

deploy

  

desktop

  

develop

  

develop

  

documentation

  

duplicate

  

editor

  

editor-plugin

  

emoji

  

export

  

files

  

flutter-only

  

follow-up

  

formula

  

good first issue for devs

  

good first issue for experienced devs

  

grid

  

hacktoberfest

  

HACKTOBERFEST-ACCEPTED

  

help wanted

  

i18n

  

icons

  

images

  

importer

  

improvements

  

infra

  

install

  

integrations

  

IR

  

kanban board

  

login

  

look and joy

  

mentorship

  

mobile

  

mobile

  

needs design

  

new feature

  

new feature

  

non-coding

  

notes

  

notifications

  

onboarding

  

organization

  

P0+

  

permission

  

platform-linux

  

platform-mac

  

platform-windows

  

plugins

  

program

  

pull-request

Mirrored from GitHub Pull Request

  

Q1 25

  

Q1 26

  

Q2 24

  

Q2 25

  

Q3 24

  

Q3 25

  

Q4 24

  

Q4 25

  

react

  

regression

  

rust

  

rust

  

Rust-only

  

Rust-only

  

Rust-starter

  

Rust-starter

  

self-hosted

  

shortcuts

  

side panel

  

slash-menu

  

sync v2

  

table

  

tablet

  

task

  

tauri

  

templates

  

tests

  

themes

  

translation

  

v0.5.6

  

v0.5.8

  

v0.5.9

  

v0.6.0

  

v0.6.1

  

v0.6.4

  

v0.6.7

  

v0.6.8

  

v0.7.1

  

v0.7.4

  

v0.7.4

  

v0.7.5

  

v0.7.6

  

v0.7.7

  

v0.7.8

  

v0.8.0

  

v0.8.4

  

v0.8.5

  

v0.8.9

  

web

No labels

2024

2025

2026

acct mgmt

AI

automation

bug

calendar

ci

CJK

cloud

code-block

collaboration

copy-paste

database

data migration

data sync

deploy

desktop

develop

develop

documentation

duplicate

editor

editor-plugin

emoji

export

files

flutter-only

follow-up

formula

good first issue for devs

good first issue for experienced devs

grid

hacktoberfest

HACKTOBERFEST-ACCEPTED

help wanted

i18n

icons

images

importer

improvements

infra

install

integrations

IR

kanban board

login

look and joy

mentorship

mobile

mobile

needs design

new feature

new feature

non-coding

notes

notifications

onboarding

organization

P0+

permission

platform-linux

platform-mac

platform-windows

plugins

program

pull-request

Q1 25

Q1 26

Q2 24

Q2 25

Q3 24

Q3 25

Q4 24

Q4 25

react

regression

rust

rust

Rust-only

Rust-only

Rust-starter

Rust-starter

self-hosted

shortcuts

side panel

slash-menu

sync v2

table

tablet

task

tauri

templates

tests

themes

translation

v0.5.6

v0.5.8

v0.5.9

v0.6.0

v0.6.1

v0.6.4

v0.6.7

v0.6.8

v0.7.1

v0.7.4

v0.7.4

v0.7.5

v0.7.6

v0.7.7

v0.7.8

v0.8.0

v0.8.4

v0.8.5

v0.8.9

web

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

1 participant

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

AppFlowy-IO/AppFlowy#5131

No description provided.