bloomBUILD•SHIP•BLOOM
Themes & BlocksTheme Generator
.md
Visual Theme Studio

Theme Generator

Pick a style preset, adjust corner roundness, preview interactive primitives in both dark and light modes, and export pure Flutter BloomTheme Dart code.

Style PresetMaia
Maia — Emerald forest green for clean enterprise platforms.
Select Preset
Corner Radius: 10px
10px

Live Component Showcase

Maia • r=10px

Adaptive Card Component

Preset Active

Every button, input, dialog, and card adapts instantly to your active style preset and corner radius settings.

Dart Theme Configuration

// lib/bloom_ui/theme/custom_theme.dart
import 'package:flutter/material.dart';
import 'package:bloom_ui/bloom_ui.dart';

final customBloomTheme = BloomTheme(
  colors: BloomColorScheme(
    primary: const Color(0xFF10b981),
    destructive: const Color(0xFFEF4444),
    surface0: const Color(0xFF090C10),
    surface1: const Color(0xFF0D1117),
    surface2: const Color(0xFF161B22),
    border: const Color(0xFF30363D),
    ring: const Color(0xFF10b981),
    textPrimary: const Color(0xFFF0F6FC),
    textSecondary: const Color(0xFF8B949E),
    textTertiary: const Color(0xFF6E7681),
  ),
  radius: const BloomRadius(
    sm: 5,
    md: 10,
    lg: 15,
    xl: 20,
  ),
);