From dab983f3c9ade283fc689f5028d6a7c21c81469f Mon Sep 17 00:00:00 2001 From: Muhamad Taopik Date: Fri, 13 Oct 2023 08:40:50 +0700 Subject: [PATCH] change finding officer style --- lib/helpers/styles.dart | 2 ++ lib/widgets/radar/find_officers.dart | 25 +++++++++++++------------ 2 files changed, 15 insertions(+), 12 deletions(-) diff --git a/lib/helpers/styles.dart b/lib/helpers/styles.dart index 9bcb003..937713a 100644 --- a/lib/helpers/styles.dart +++ b/lib/helpers/styles.dart @@ -9,6 +9,8 @@ class ColorSys { static const Color lightBlue = Color.fromRGBO(163, 192, 201, 1); static const Color darkBlue = Color.fromRGBO(71, 131, 149, 1); static const Color moreDarkBlue = Color.fromRGBO(30, 55, 70, 70); + static const Color backgroundMap = Color.fromRGBO(236, 231, 228, 1); + static const Color cirlceMap = Color.fromRGBO(225, 219, 215, 1); static const Color radarMap = Color.fromRGBO(255, 168, 109, 1); } diff --git a/lib/widgets/radar/find_officers.dart b/lib/widgets/radar/find_officers.dart index efbfc04..950e603 100644 --- a/lib/widgets/radar/find_officers.dart +++ b/lib/widgets/radar/find_officers.dart @@ -224,7 +224,7 @@ class _FindOficcersWidgetState extends State super.initState(); _controller = AnimationController( vsync: this, - duration: const Duration(milliseconds: 10000), + duration: const Duration(milliseconds: 1500000), ); // Add a listener to the controller to detect when the animations are done. @@ -262,10 +262,10 @@ class _FindOficcersWidgetState extends State child: Container( width: double.infinity, decoration: BoxDecoration( - color: const Color(0xFF000000), + color: ColorSys.backgroundMap, borderRadius: BorderRadius.circular(40.0), border: Border.all( - color: const Color(0xFF18191B), + color: ColorSys.backgroundMap, width: 2.0, ), ), @@ -283,19 +283,20 @@ class _FindOficcersWidgetState extends State 'Finding Officers', style: textStyle( fontSize: 20, - color: Colors.white, + color: ColorSys.darkBlue, fontWeight: FontWeight.bold), ).animateOnPageLoad( animationsMap['textOnPageLoadAnimation']!), ), + // const SizedBox(height: 8.0), Padding( padding: const EdgeInsetsDirectional.fromSTEB( - 0.0, 8.0, 0.0, 0.0), + 0.0, 08.0, 0.0, 0.0), child: Container( width: 60.0, - height: 2.0, + height: 3.0, decoration: BoxDecoration( - color: ColorSys.lightPrimary, + color: ColorSys.cirlceMap, borderRadius: BorderRadius.circular(8.0), ), ).animateOnPageLoad( @@ -313,7 +314,7 @@ class _FindOficcersWidgetState extends State decoration: BoxDecoration( shape: BoxShape.circle, border: Border.all( - color: Colors.grey, + color: ColorSys.cirlceMap, width: 2.0, ), ), @@ -324,7 +325,7 @@ class _FindOficcersWidgetState extends State decoration: BoxDecoration( shape: BoxShape.circle, border: Border.all( - color: Colors.grey, + color: ColorSys.cirlceMap, width: 2.0, ), ), @@ -335,7 +336,7 @@ class _FindOficcersWidgetState extends State decoration: BoxDecoration( shape: BoxShape.circle, border: Border.all( - color: Colors.grey, + color: ColorSys.cirlceMap, width: 2.0, ), ), @@ -384,8 +385,8 @@ class _FindOficcersWidgetState extends State alignment: const AlignmentDirectional(1.0, -1.0), child: ElevatedButton( style: ElevatedButton.styleFrom( - foregroundColor: ColorSys.primary, - backgroundColor: ColorSys.lightPrimary, + foregroundColor: ColorSys.moreDarkBlue, + backgroundColor: ColorSys.darkBlue, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(30.0), ),