creek

 1import 'package:flutter/material.dart';
 2
 3class Variables {
 4  // Colors
 5  static const Color textWhite = Color(0xFFFAFAFA);
 6  static const Color textPrimary = Color(0xFF27272A);
 7  static const Color textSecondary = Color(0xFF71717A);
 8  static const Color textDisabled = Color(0xFFA1A1AA);
 9
10  static const Color surfaceSubtle = Color(0xFFF4F4F5);
11  static const Color surfaceBackground = Color(0xFFFAFAFA);
12  static const Color background = Colors.white;
13  static const Color borderSubtle = Color(0xFFE4E4E7);
14
15  static const Color chipBackground = Color(0xFFE0E7FF);
16  static const Color chipText = Color(0xFF7C86FF);
17
18  // Dark Mode
19  static const Color surfaceDark = Color(0xFF27272A);
20  static const Color backgroundDark = Color(0xFF18181B);
21  static const Color borderDark = Color(0xFF3F3F46);
22
23  // Canvas Specific
24  static const Color canvasBackground = Color(0xFFE0E0E0);
25  static const Color selectionBorder = Color(0xFFB44CFF);
26  static const Color accentMagic = Color(0xFFD8705D);
27  static const Color defaultBrush = Color(0xFFFF4081);
28  static const Color iconActive = Color(0xFF27272A);
29  static const Color iconInactive = Color(0xFF9F9FA9);
30
31  // Dimensions
32  static const double fontSizeHeader = 20.0;
33  static const double lineHeightHeader = 24.0;
34  static const double fontSizeBody = 14.0;
35  static const double lineHeightBody = 20.0;
36  static const double trackingBody = 0.25;
37  static const double fontSizeSmall = 12.0;
38  static const double fontSizeCaption = 10.0;
39
40  // Radius
41  static const double radiusSmall = 8.0;
42  static const double radiusMedium = 12.0;
43  static const double radiusLarge = 16.0; // Added
44
45  // Text Styles
46  static TextStyle get headerStyle => const TextStyle(
47    fontFamily: 'GeneralSans',
48    fontSize: fontSizeHeader,
49    height: lineHeightHeader / fontSizeHeader,
50    fontWeight: FontWeight.w500,
51    color: textPrimary,
52  );
53
54  static TextStyle get bodyStyle => const TextStyle(
55    fontFamily: 'GeneralSans',
56    fontSize: fontSizeBody,
57    height: lineHeightBody / fontSizeBody,
58    letterSpacing: trackingBody,
59    color: textPrimary,
60  );
61
62  static TextStyle get captionStyle => const TextStyle(
63    fontFamily: 'GeneralSans',
64    fontSize: fontSizeCaption,
65    color: textSecondary,
66  );
67
68  static TextStyle get buttonTextStyle => const TextStyle(
69    fontFamily: 'GeneralSans',
70    fontSize: fontSizeBody,
71    height: lineHeightBody / fontSizeBody,
72    letterSpacing: trackingBody,
73    fontWeight: FontWeight.w500,
74    color: textWhite,
75  );
76}