TF-2042 Add color to styles

(cherry picked from commit e8f7d95c37c34f5fe981668ee612f8d6406ec841)
This commit is contained in:
dab246
2023-07-28 09:12:12 +07:00
committed by Dat Vu
parent 2f0c4474b6
commit a681824a39
8 changed files with 31 additions and 16 deletions
@@ -14,4 +14,6 @@ class CalendarEventInformationWidgetStyles {
static const double titleTextSize = 24; static const double titleTextSize = 24;
static const double fieldTopPadding = 16; static const double fieldTopPadding = 16;
static const double space = 8; static const double space = 8;
static const Color titleColor = Colors.black;
static const Color invitationMessageColor = Colors.black;
} }
@@ -1,5 +1,11 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:flutter/material.dart';
class EventAttendeeInformationWidgetStyles { class EventAttendeeInformationWidgetStyles {
static const double maxWidth = 100; static const double maxWidth = 100;
static const double textSize = 16; static const double textSize = 16;
static const Color labelColor = AppColor.colorSubTitleEventActionText;
static const Color valueColor = Colors.black;
static const Color valueOrganizerColor = AppColor.colorOrganizerMailto;
} }
@@ -1,5 +1,10 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:flutter/material.dart';
class EventLocationInformationWidgetStyles { class EventLocationInformationWidgetStyles {
static const double maxWidth = 100; static const double maxWidth = 100;
static const double textSize = 16; static const double textSize = 16;
static const Color labelColor = AppColor.colorSubTitleEventActionText;
static const Color valueColor = Colors.black;
} }
@@ -1,5 +1,10 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:flutter/material.dart';
class EventTimeInformationWidgetStyles { class EventTimeInformationWidgetStyles {
static const double maxWidth = 100; static const double maxWidth = 100;
static const double textSize = 16; static const double textSize = 16;
static const Color labelColor = AppColor.colorSubTitleEventActionText;
static const Color valueColor = Colors.black;
} }
@@ -66,13 +66,13 @@ class CalendarEventInformationWidget extends StatelessWidget {
style: const TextStyle( style: const TextStyle(
fontSize: CalendarEventInformationWidgetStyles.invitationMessageTextSize, fontSize: CalendarEventInformationWidgetStyles.invitationMessageTextSize,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: Colors.black color: CalendarEventInformationWidgetStyles.invitationMessageColor
), ),
children: [ children: [
TextSpan( TextSpan(
text: calendarEvent.organizer?.name, text: calendarEvent.organizer?.name,
style: const TextStyle( style: const TextStyle(
color: Colors.black, color: CalendarEventInformationWidgetStyles.invitationMessageColor,
fontSize: CalendarEventInformationWidgetStyles.invitationMessageTextSize, fontSize: CalendarEventInformationWidgetStyles.invitationMessageTextSize,
fontWeight: FontWeight.w700 fontWeight: FontWeight.w700
), ),
@@ -87,7 +87,7 @@ class CalendarEventInformationWidget extends StatelessWidget {
style: const TextStyle( style: const TextStyle(
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
fontSize: CalendarEventInformationWidgetStyles.titleTextSize, fontSize: CalendarEventInformationWidgetStyles.titleTextSize,
color: Colors.black color: CalendarEventInformationWidgetStyles.titleColor
) )
), ),
if (calendarEvent.dateTimeEventAsString.isNotEmpty) if (calendarEvent.dateTimeEventAsString.isNotEmpty)
@@ -137,13 +137,13 @@ class CalendarEventInformationWidget extends StatelessWidget {
style: const TextStyle( style: const TextStyle(
fontSize: CalendarEventInformationWidgetStyles.invitationMessageTextSize, fontSize: CalendarEventInformationWidgetStyles.invitationMessageTextSize,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: Colors.black color: CalendarEventInformationWidgetStyles.invitationMessageColor
), ),
children: [ children: [
TextSpan( TextSpan(
text: calendarEvent.organizer?.name, text: calendarEvent.organizer?.name,
style: const TextStyle( style: const TextStyle(
color: Colors.black, color: CalendarEventInformationWidgetStyles.invitationMessageColor,
fontSize: CalendarEventInformationWidgetStyles.invitationMessageTextSize, fontSize: CalendarEventInformationWidgetStyles.invitationMessageTextSize,
fontWeight: FontWeight.w700 fontWeight: FontWeight.w700
), ),
@@ -158,7 +158,7 @@ class CalendarEventInformationWidget extends StatelessWidget {
style: const TextStyle( style: const TextStyle(
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
fontSize: CalendarEventInformationWidgetStyles.titleTextSize, fontSize: CalendarEventInformationWidgetStyles.titleTextSize,
color: Colors.black color: CalendarEventInformationWidgetStyles.titleColor
) )
), ),
if (calendarEvent.dateTimeEventAsString.isNotEmpty) if (calendarEvent.dateTimeEventAsString.isNotEmpty)
@@ -1,5 +1,4 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:jmap_dart_client/jmap/mail/calendar/properties/attendee/calendar_attendee.dart'; import 'package:jmap_dart_client/jmap/mail/calendar/properties/attendee/calendar_attendee.dart';
import 'package:jmap_dart_client/jmap/mail/calendar/properties/calendar_organizer.dart'; import 'package:jmap_dart_client/jmap/mail/calendar/properties/calendar_organizer.dart';
@@ -30,7 +29,7 @@ class EventAttendeeInformationWidget extends StatelessWidget {
style: const TextStyle( style: const TextStyle(
fontSize: EventAttendeeInformationWidgetStyles.textSize, fontSize: EventAttendeeInformationWidgetStyles.textSize,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: AppColor.colorSubTitleEventActionText color: EventAttendeeInformationWidgetStyles.labelColor
), ),
), ),
), ),
@@ -39,13 +38,13 @@ class EventAttendeeInformationWidget extends StatelessWidget {
style: const TextStyle( style: const TextStyle(
fontSize: EventAttendeeInformationWidgetStyles.textSize, fontSize: EventAttendeeInformationWidgetStyles.textSize,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: Colors.black color: EventAttendeeInformationWidgetStyles.valueColor
), ),
children: [ children: [
TextSpan( TextSpan(
text: '${organizer.mailto?.value} (${AppLocalizations.of(context).organizer})', text: '${organizer.mailto?.value} (${AppLocalizations.of(context).organizer})',
style: const TextStyle( style: const TextStyle(
color: AppColor.colorOrganizerMailto, color: EventAttendeeInformationWidgetStyles.valueOrganizerColor,
fontSize: EventAttendeeInformationWidgetStyles.textSize, fontSize: EventAttendeeInformationWidgetStyles.textSize,
fontWeight: FontWeight.w500 fontWeight: FontWeight.w500
), ),
@@ -1,5 +1,4 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/utils/style_utils.dart'; import 'package:core/presentation/utils/style_utils.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:tmail_ui_user/features/email/presentation/styles/event_location_information_widget_styles.dart'; import 'package:tmail_ui_user/features/email/presentation/styles/event_location_information_widget_styles.dart';
@@ -26,7 +25,7 @@ class EventLocationInformationWidget extends StatelessWidget {
style: const TextStyle( style: const TextStyle(
fontSize: EventLocationInformationWidgetStyles.textSize, fontSize: EventLocationInformationWidgetStyles.textSize,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: AppColor.colorSubTitleEventActionText color: EventLocationInformationWidgetStyles.labelColor
), ),
), ),
), ),
@@ -37,7 +36,7 @@ class EventLocationInformationWidget extends StatelessWidget {
style: const TextStyle( style: const TextStyle(
fontSize: EventLocationInformationWidgetStyles.textSize, fontSize: EventLocationInformationWidgetStyles.textSize,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: Colors.black color: EventLocationInformationWidgetStyles.valueColor
), ),
)) ))
], ],
@@ -1,5 +1,4 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/utils/style_utils.dart'; import 'package:core/presentation/utils/style_utils.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:tmail_ui_user/features/email/presentation/styles/event_time_information_widget_styles.dart'; import 'package:tmail_ui_user/features/email/presentation/styles/event_time_information_widget_styles.dart';
@@ -26,7 +25,7 @@ class EventTimeInformationWidget extends StatelessWidget {
style: const TextStyle( style: const TextStyle(
fontSize: EventTimeInformationWidgetStyles.textSize, fontSize: EventTimeInformationWidgetStyles.textSize,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: AppColor.colorSubTitleEventActionText color: EventTimeInformationWidgetStyles.labelColor
), ),
), ),
), ),
@@ -37,7 +36,7 @@ class EventTimeInformationWidget extends StatelessWidget {
style: const TextStyle( style: const TextStyle(
fontSize: EventTimeInformationWidgetStyles.textSize, fontSize: EventTimeInformationWidgetStyles.textSize,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: Colors.black color: EventTimeInformationWidgetStyles.valueColor
), ),
)) ))
], ],