refactor(widgets): update background color

ryanaidilp · Jan 13, 2024 · 88c3ae4 · 88c3ae4
1 parent fa74de7
commit 88c3ae4
Show file tree

Hide file tree

Showing 13 changed files with 23 additions and 22 deletions.
diff --git a/features/home/lib/src/presentation/pages/latest_update_page.dart b/features/home/lib/src/presentation/pages/latest_update_page.dart
@@ -172,7 +172,7 @@ class _LatestUpdatePageState extends State<LatestUpdatePage> {
               ),
               8.verticalSpace,
               Divider(
-                color: context.picoColors.background.subtle,
+                color: context.picoColors.background.neutral.subtle,
                 thickness: 8.h,
               ),
               Padding(

diff --git a/features/statistic/lib/src/presentation/pages/national_statistic_page.dart b/features/statistic/lib/src/presentation/pages/national_statistic_page.dart
@@ -93,7 +93,7 @@ class _NationalStatisticPageState extends State<NationalStatisticPage> {
             SliverAppBar.large(
               expandedHeight: 128.h,
               scrolledUnderElevation: 10.h,
-              surfaceTintColor: context.picoColors.background.main,
+              surfaceTintColor: context.picoColors.background.neutral.main,
               shadowColor:
                   context.picoColors.text.neutral.main.withOpacity(0.1),
               title: BlocBuilder<LatestNationalStatisticBloc,

diff --git a/features/statistic/lib/src/presentation/pages/statistic_page.dart b/features/statistic/lib/src/presentation/pages/statistic_page.dart
@@ -20,7 +20,7 @@ class StatisticPage extends StatelessWidget {
           SliverAppBar.large(
             expandedHeight: 128.h,
             scrolledUnderElevation: 10.h,
-            surfaceTintColor: context.picoColors.background.main,
+            surfaceTintColor: context.picoColors.background.neutral.main,
             shadowColor: context.picoColors.text.neutral.main.withOpacity(0.1),
             title: BlocBuilder<LatestStatisticBloc, LatestStatisticState>(
               builder: (context, state) => AnimatedSwitcher(
@@ -53,7 +53,7 @@ class StatisticPage extends StatelessWidget {
                   child: const StatisticDetailSection(),
                 ),
                 Divider(
-                  color: context.picoColors.background.subtle,
+                  color: context.picoColors.background.neutral.subtle,
                   thickness: 8.h,
                 ),
                 Padding(

diff --git a/features/statistic/lib/src/presentation/widgets/bar_chart_widget.dart b/features/statistic/lib/src/presentation/widgets/bar_chart_widget.dart
@@ -52,7 +52,7 @@ class BarChartWidget extends StatelessWidget {
   @override
   Widget build(BuildContext context) => DecoratedBox(
         decoration: BoxDecoration(
-          color: context.picoColors.background.white,
+          color: context.picoColors.background.card.main,
           borderRadius: BorderRadius.circular(12.r),
           border: Border.all(
             color: context.picoColors.outline.neutral.main,
@@ -201,7 +201,7 @@ class BarChartWidget extends StatelessWidget {
                       top: Radius.circular(12.r),
                     ),
                 color: [
-                  context.picoColors.background.strong,
+                  context.picoColors.background.neutral.strong,
                   ...datasetColors,
                 ][data.listIndex],
               );

diff --git a/packages/pico_ui_kit/lib/src/components/cards/case/pico_case_card.dart b/packages/pico_ui_kit/lib/src/components/cards/case/pico_case_card.dart
@@ -48,7 +48,7 @@ class PicoCaseCard extends StatelessWidget {
   @override
   Widget build(BuildContext context) => DecoratedBox(
         decoration: BoxDecoration(
-          color: context.picoColors.background.white,
+          color: context.picoColors.background.card.main,
           borderRadius: BorderRadius.circular(8.r),
           border: Border.all(
             color: context.picoColors.outline.neutral.main,

diff --git a/packages/pico_ui_kit/lib/src/components/cards/suspect/pico_suspect_card.dart b/packages/pico_ui_kit/lib/src/components/cards/suspect/pico_suspect_card.dart
@@ -59,7 +59,7 @@ class PicoSuspectCard extends StatelessWidget {
   @override
   Widget build(BuildContext context) => DecoratedBox(
         decoration: BoxDecoration(
-          color: context.picoColors.background.white,
+          color: context.picoColors.background.card.main,
           borderRadius: BorderRadius.circular(10.r),
           border: Border.all(
             color: context.picoColors.outline.neutral.main,
@@ -83,14 +83,15 @@ class PicoSuspectCard extends StatelessWidget {
                       customBorder: const CircleBorder(),
                       child: Tooltip(
                         decoration: BoxDecoration(
-                          color: context.picoColors.background.white,
+                          color: context.picoColors.background.neutral.white,
                           borderRadius: BorderRadius.circular(12.r),
                           border: Border.all(
                             color: context.picoColors.outline.neutral.strong,
                           ),
                           boxShadow: [
                             BoxShadow(
-                              color: context.picoColors.background.inverse
+                              color: context
+                                  .picoColors.background.neutral.inverse
                                   .withOpacity(0.1),
                               spreadRadius: 4.r,
                               blurRadius: 6.r,
@@ -173,7 +174,7 @@ class PicoSuspectCard extends StatelessWidget {
                 ],
               ),
               Divider(
-                color: context.picoColors.background.strong,
+                color: context.picoColors.background.neutral.strong,
               ),
               8.verticalSpace,
               Row(

diff --git a/packages/pico_ui_kit/lib/src/components/cards/test_case/pico_test_case_card.dart b/packages/pico_ui_kit/lib/src/components/cards/test_case/pico_test_case_card.dart
@@ -59,7 +59,7 @@ class PicoTestCaseCard extends StatelessWidget {
   Widget build(BuildContext context) => DecoratedBox(
         decoration: BoxDecoration(
           borderRadius: BorderRadius.circular(10.r),
-          color: context.picoColors.background.white,
+          color: context.picoColors.background.card.main,
           border: Border.all(
             color: context.picoColors.outline.neutral.main,
           ),

diff --git a/packages/pico_ui_kit/lib/src/components/cards/tile/pico_card_tile.dart b/packages/pico_ui_kit/lib/src/components/cards/tile/pico_card_tile.dart
@@ -13,7 +13,7 @@ class PicoCardTile extends StatelessWidget {
   final GestureTapCallback? onTap;
   @override
   Widget build(BuildContext context) => Material(
-        color: context.picoColors.background.white,
+        color: context.picoColors.background.card.main,
         shape: RoundedRectangleBorder(
           borderRadius: BorderRadius.circular(10.r),
           side: BorderSide(

diff --git a/packages/pico_ui_kit/lib/src/components/cards/tile/pico_total_test_card_tile.dart b/packages/pico_ui_kit/lib/src/components/cards/tile/pico_total_test_card_tile.dart
@@ -21,7 +21,7 @@ class PicoTotalTestCardTile extends StatelessWidget {
             color: context.picoColors.outline.neutral.main,
           ),
         ),
-        color: context.picoColors.background.white,
+        color: context.picoColors.background.card.main,
         child: InkWell(
           borderRadius: BorderRadius.circular(10.r),
           onTap: onTap,

diff --git a/packages/pico_ui_kit/lib/src/components/cards/total_test/pico_total_test_card.dart b/packages/pico_ui_kit/lib/src/components/cards/total_test/pico_total_test_card.dart
@@ -17,7 +17,7 @@ class PicoTotalTestCard extends StatelessWidget {
         width: 1.sw,
         child: DecoratedBox(
           decoration: BoxDecoration(
-            color: context.picoColors.background.white,
+            color: context.picoColors.background.card.main,
             borderRadius: BorderRadius.circular(10.r),
             border: Border.all(
               color: context.picoColors.outline.neutral.main,

diff --git a/packages/pico_ui_kit/lib/src/components/images/network_image/pico_network_image.dart b/packages/pico_ui_kit/lib/src/components/images/network_image/pico_network_image.dart
@@ -29,7 +29,7 @@ class PicoNetworkImage extends StatelessWidget {
         url,
         border: border ??
             Border.all(
-              color: context.picoColors.background.strong,
+              color: context.picoColors.background.neutral.strong,
             ),
         height: height,
         width: width,
@@ -40,15 +40,15 @@ class PicoNetworkImage extends StatelessWidget {
               child: Container(
                 width: width,
                 height: height,
-                color: context.picoColors.background.white,
+                color: context.picoColors.background.neutral.white,
               ).sekeletonize(),
             ),
           LoadState.failed => Container(
               width: width,
               height: height,
               decoration: BoxDecoration(
                 borderRadius: borderRadius,
-                color: context.picoColors.background.subtle,
+                color: context.picoColors.background.neutral.subtle,
               ),
               child: Material(
                 borderRadius: borderRadius,
@@ -62,7 +62,7 @@ class PicoNetworkImage extends StatelessWidget {
                       children: [
                         Icon(
                           Icons.image_not_supported_rounded,
-                          color: context.picoColors.background.strong,
+                          color: context.picoColors.icon.neutral.strong,
                         ),
                         8.verticalSpace,
                         Text(

diff --git a/packages/pico_ui_kit/lib/src/components/sliders/banner/pico_banner_slider.dart b/packages/pico_ui_kit/lib/src/components/sliders/banner/pico_banner_slider.dart
@@ -80,7 +80,7 @@ class _PicoBannerSliderState<T> extends State<PicoBannerSlider<T>> {
               onDotClicked: (index) => _carouselController.animateToPage(index),
               effect: ExpandingDotsEffect(
                 activeDotColor: context.picoColors.icon.semantic.primary,
-                dotColor: context.picoColors.background.strong,
+                dotColor: context.picoColors.background.neutral.strong,
                 dotWidth: 8.w,
                 dotHeight: 8.h,
                 spacing: 4.w,

diff --git a/packages/pico_ui_kit/lib/src/components/sliders/banner/pico_banner_slider_skeleton.dart b/packages/pico_ui_kit/lib/src/components/sliders/banner/pico_banner_slider_skeleton.dart
@@ -22,7 +22,7 @@ class PicoBannerSliderSkeleton extends StatelessWidget {
                   child: Container(
                     width: 0.9.sw,
                     height: 0.25.sh,
-                    color: context.picoColors.background.white,
+                    color: context.picoColors.background.neutral.white,
                   ).sekeletonize(),
                 ),
               ),
@@ -39,7 +39,7 @@ class PicoBannerSliderSkeleton extends StatelessWidget {
               child: Container(
                 width: 0.15.sw,
                 height: 8.h,
-                color: context.picoColors.background.inverse,
+                color: context.picoColors.background.neutral.inverse,
               ).sekeletonize(),
             ),
           ),