creek

The AI Image Editor of 2030
git clone https://github.com/maydayv7/creek

variables.dart (2499B)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
import 'package:flutter/material.dart';

class Variables {
  // Colors
  static const Color textWhite = Color(0xFFFAFAFA);
  static const Color textPrimary = Color(0xFF27272A);
  static const Color textSecondary = Color(0xFF71717A);
  static const Color textDisabled = Color(0xFFA1A1AA);

  static const Color surfaceSubtle = Color(0xFFF4F4F5);
  static const Color surfaceBackground = Color(0xFFFAFAFA);
  static const Color background = Colors.white;
  static const Color borderSubtle = Color(0xFFE4E4E7);

  static const Color chipBackground = Color(0xFFE0E7FF);
  static const Color chipText = Color(0xFF7C86FF);

  // Dark Mode
  static const Color surfaceDark = Color(0xFF27272A);
  static const Color backgroundDark = Color(0xFF18181B);
  static const Color borderDark = Color(0xFF3F3F46);

  // Canvas Specific
  static const Color canvasBackground = Color(0xFFE0E0E0);
  static const Color selectionBorder = Color(0xFFB44CFF);
  static const Color accentMagic = Color(0xFFD8705D);
  static const Color defaultBrush = Color(0xFFFF4081);
  static const Color iconActive = Color(0xFF27272A);
  static const Color iconInactive = Color(0xFF9F9FA9);

  // Dimensions
  static const double fontSizeHeader = 20.0;
  static const double lineHeightHeader = 24.0;
  static const double fontSizeBody = 14.0;
  static const double lineHeightBody = 20.0;
  static const double trackingBody = 0.25;
  static const double fontSizeSmall = 12.0;
  static const double fontSizeCaption = 10.0;

  // Radius
  static const double radiusSmall = 8.0;
  static const double radiusMedium = 12.0;
  static const double radiusLarge = 16.0; // Added

  // Text Styles
  static TextStyle get headerStyle => const TextStyle(
    fontFamily: 'GeneralSans',
    fontSize: fontSizeHeader,
    height: lineHeightHeader / fontSizeHeader,
    fontWeight: FontWeight.w500,
    color: textPrimary,
  );

  static TextStyle get bodyStyle => const TextStyle(
    fontFamily: 'GeneralSans',
    fontSize: fontSizeBody,
    height: lineHeightBody / fontSizeBody,
    letterSpacing: trackingBody,
    color: textPrimary,
  );

  static TextStyle get captionStyle => const TextStyle(
    fontFamily: 'GeneralSans',
    fontSize: fontSizeCaption,
    color: textSecondary,
  );

  static TextStyle get buttonTextStyle => const TextStyle(
    fontFamily: 'GeneralSans',
    fontSize: fontSizeBody,
    height: lineHeightBody / fontSizeBody,
    letterSpacing: trackingBody,
    fontWeight: FontWeight.w500,
    color: textWhite,
  );
}