| name | flight-booking-theme |
| description | Resolves theme-related tasks in the Flight Booking Flutter app. Use when changing colors, padding, radius, text styles, theme extension, or when the user asks about theme, design system, AppTheme, AppColors, AppPadding, AppRadius, context.appTheme, or MaterialApp theme. |
Flight Booking — Tema Skill
Tema ile ilgili her noktada hızlıca doğru API kullan. Tek referans: theme.md (proje kökü).
Ne Zaman Kullan
- Renk ekleme/değiştirme (primary, success, warning, card, shimmer)
- Padding/radius/size sabiti kullanma veya ekleme
- Text style kullanma veya tema ile uyumlu metin
- ThemeExtension veya MaterialApp theme değişikliği
- "Tema", "design system", "AppTheme", "AppColors", "AppPadding", "AppRadius", "appTheme" geçen istekler
Kurallar (Kısa)
- Import: Sadece
import 'package:flight_booking/core/theme/theme.dart';
- Renk (widget içinde):
Theme.of(context).colorScheme.primary veya context.appTheme.success — asla Colors.blue gibi ham renk kullanma (tema renkleri kullan).
- Padding:
AppPadding.p16, AppPadding.horizontal16, AppPadding.vertical8 — sabit sayı yerine AppPadding.
- Sayfa padding/margin:
AppPagePadding extends EdgeInsets; const constructor kullan (getter yok). Örn: AppPagePadding.all20(), AppPagePadding.horizontalSymmetric(), AppPagePadding.marginBottom15(), AppPagePadding.horizontalSymmetricFree(24).
- Radius:
AppRadius.circular12, AppRadius.top8 — sabit sayı yerine AppRadius.
- Metin:
Theme.of(context).textTheme.titleLarge veya AppTextStyles.bodyMedium.
- Boyut:
AppSizes.iconMedium, AppSizes.buttonHeightMedium.
- Custom renk (success, warning, card, divider, shimmer):
context.appTheme.success, context.appTheme.cardBackground, context.appTheme.shimmerBase / shimmerHighlight.
- TextTheme (hızlı erişim):
context.appTextTheme.displayLarge, context.appTextTheme.bodyMedium vb.
- Metin widget:
ProductText.h1(context, 'Başlık'), ProductText.bodyMedium(context, 'Metin') — context + metin, tema stili otomatik.
Hızlı Eşleme
| İstek / Bağlam | Kullan |
|---|
| Primary/error/surface rengi | Theme.of(context).colorScheme.* |
| Başarı/uyarı/bilgi/kart/divider/shimmer | context.appTheme.* |
| Boşluk | AppPadding.* |
| Sayfa boşluk / margin | AppPagePadding.all20(), AppPagePadding.marginBottom15() |
| Köşe yuvarlama | AppRadius.* |
| İkon/buton yüksekliği | AppSizes.* |
| Metin stili | context.appTextTheme.* veya Theme.of(context).textTheme.* |
| Metin widget (başlık/gövde) | ProductText.h1(context, '...'), ProductText.bodyMedium(context, '...') |
Yeni Renk/Sabit Ekleme
- Extension’a yeni renk:
lib/core/theme/app_theme_extension.dart — alan ekle, light/dark static’lere değer ver, copyWith ve lerp güncelle.
- Yeni padding/radius:
app_padding.dart / app_radius.dart — static getter ekle.
- Sayfa padding/margin:
app_page_padding.dart — const constructor ekle (EdgeInsets extend), getter kullanma.
- Yeni size:
app_sizes.dart — static const double ekle.
- Yeni text style:
app_text_styles.dart — getter ekle ve textTheme’e ekle.
Değişiklikten sonra theme.md ve gerekirse bu skill’i güncelle.
Dosya Konumları
- Tüm tema:
lib/core/theme/
- Tek import:
lib/core/theme/theme.dart
- Dokümantasyon: proje kökünde
theme.md
Detaylı liste ve tüm sabitler için her zaman theme.md dosyasına bak.
