Skip to content
Open
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 30 additions & 0 deletions lib/core/theme/app_colors.dart
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
import 'package:flutter/material.dart';

abstract class AppColors {
static const Color primary = Color(0xFF7C3AED);
static const Color primaryLight = Color(0xFF9D68F0);
static const Color primaryDark = Color(0xFF5B21B6);

static const Color positive = Color(0xFF22C55E); // money owed to you
static const Color negative = Color(0xFFEF4444); // money you owe
static const Color warning = Color(0xFFF59E0B);
static const Color info = Color(0xFF3B82F6);

static const Color backgroundLight = Color(0xFFFFFFFF);
static const Color surfaceLight = Color(0xFFF5F3FF); // light purple tint
static const Color cardLight = Color(0xFFFFFFFF);
static const Color dividerLight = Color(0xFFE5E7EB);

static const Color textPrimaryLight = Color(0xFF111827);
static const Color textSecondaryLight = Color(0xFF6B7280);
static const Color textHintLight = Color(0xFF9CA3AF);

static const Color backgroundDark = Color(0xFF12111A);
static const Color surfaceDark = Color(0xFF1E1B2E);
static const Color cardDark = Color(0xFF252336);
static const Color dividerDark = Color(0xFF2E2B3E);

static const Color textPrimaryDark = Color(0xFFF9FAFB);
static const Color textSecondaryDark = Color(0xFFA0A0B0);
static const Color textHintDark = Color(0xFF6B6B80);
}
81 changes: 81 additions & 0 deletions lib/core/theme/app_text_Styles.dart
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
import 'package:flutter/material.dart';
import 'app_colors.dart';

abstract class AppTextStyles {
static const TextStyle displayLarge = TextStyle(
fontSize: 32,
fontWeight: FontWeight.w700,
letterSpacing: -0.5,
);

static const TextStyle displayMedium = TextStyle(
fontSize: 28,
fontWeight: FontWeight.w700,
letterSpacing: -0.5,
);

static const TextStyle headingLarge = TextStyle(
fontSize: 24,
fontWeight: FontWeight.w600,
letterSpacing: -0.3,
);

static const TextStyle headingMedium = TextStyle(
fontSize: 20,
fontWeight: FontWeight.w600,
letterSpacing: -0.2,
);

static const TextStyle headingSmall = TextStyle(
fontSize: 18,
fontWeight: FontWeight.w600,
);

static const TextStyle bodyLarge = TextStyle(
fontSize: 16,
fontWeight: FontWeight.w400,
height: 1.5,
);

static const TextStyle bodyMedium = TextStyle(
fontSize: 14,
fontWeight: FontWeight.w400,
height: 1.5,
);

static const TextStyle bodySmall = TextStyle(
fontSize: 12,
fontWeight: FontWeight.w400,
height: 1.4,
);

static const TextStyle labelLarge = TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
letterSpacing: 0.1,
);

static const TextStyle labelMedium = TextStyle(
fontSize: 12,
fontWeight: FontWeight.w500,
letterSpacing: 0.1,
);

static const TextStyle labelSmall = TextStyle(
fontSize: 11,
fontWeight: FontWeight.w500,
letterSpacing: 0.2,
);

static const TextStyle balanceLarge = TextStyle(
fontSize: 36,
fontWeight: FontWeight.w700,
letterSpacing: -1.0,
);

static const TextStyle balanceMedium = TextStyle(
fontSize: 22,
fontWeight: FontWeight.w600,
letterSpacing: -0.5,
);
}