a2ui-project / a2ui-project/a2ui

Adjust colors of out-of-the box catalog to look good in both light and dark default flutter theme.

Open
#1,861 0 comments 0 reactions 0 assignees View on GitHub
a: api-simplicity component: genui P2 status: first-line-handled
Dominant language
TypeScript
Stars
16.4k
Forks
1.3k
Avg merge
2d 13h
Merged PRs (30d)
134

Description

_↴ Ported from [flutter/genui#745](https://github.com/flutter/genui/issues/745) — originally opened by [polina-c](https://github.com/polina-c) on 2026-02-21._
_Original labels: P2, front-line-handled, a: api-simplicity_

---

1. Add tabs to catalog gallery to show different options:
light / dark, scaffold / card / body background.

2. Work with UX to make sure colors of all catalog items look good with all options

Issue example:

Image

Contributor guide

Open the contributing guide

Research direction

The issue involves the catalog gallery in the a2ui project. First, locate the catalog component files, likely in a directory like 'catalog' or 'gallery'. Examine how colors are currently applied and where theme switching logic exists. The task is to add tabs for light/dark and scaffold/card/body background options and adjust colors for all catalog items to look good in both themes. Work with UX as mentioned. Check for existing theme utilities and color definitions. Verify changes by running the catalog app and toggling themes.

Written by the indexing model from the issue text.

Assessment

Tech stack
flutter, typescript
Domain
design, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.