Gitea Banana Modern Themes

Bun workspace for developing, building, and testing the migrated Banana modern Gitea themes.

Commands

bun install
bun run build
bun run build:min
bun run test
bun run preview
bun run compose:up
bun run dev

Open http://localhost:3000 after the container starts.

Open http://localhost:4173 after bun run preview starts to inspect common UI controls without opening Gitea.

Layout

• themes/ contains the migrated Banana modern theme source files.
• src/ contains the migrated theme color generation code.
• styles/ contains the migrated Gitea component style source.
• scripts/build.ts compiles the modern light, dark, and auto themes into the local Gitea data volume.
• scripts/preview.ts starts a local control gallery for inspecting theme styles without Gitea.
• scripts/verify-theme.ts checks the generated CSS files have the required Gitea theme markers.
• dev.compose.yaml runs the local Gitea test instance.

Output

The generated theme files are written to:

.gitea-data/gitea/public/assets/css/theme-banana-modern-light.css
.gitea-data/gitea/public/assets/css/theme-banana-modern-dark.css
.gitea-data/gitea/public/assets/css/theme-banana-modern-auto.css

Test Flow

bun run test
bun run compose:up

The compose environment enables only the migrated modern Banana themes:

GITEA__ui__THEMES: gitea-auto,gitea-light,gitea-dark,banana-modern-auto,banana-modern-light,banana-modern-dark
GITEA__ui__DEFAULT_THEME: banana-modern-auto