Diseño mejorado

lib/helpers/globals.dart

@@ -46,57 +46,80 @@ PlutoGridScrollbarConfig plutoGridScrollbarConfig(BuildContext context) {
 }
 
 PlutoGridStyleConfig plutoGridStyleConfig(BuildContext context,
-    {double rowHeight = 50}) {
+    {double rowHeight = 100}) {
   return AppTheme.themeMode == ThemeMode.light
       ? PlutoGridStyleConfig(
-          menuBackgroundColor: AppTheme.of(context).secondaryColor,
-          gridPopupBorderRadius: BorderRadius.circular(16),
-          enableColumnBorderVertical: false,
-          enableColumnBorderHorizontal: false,
+          menuBackgroundColor: AppTheme.of(context).secondaryBackground,
+          gridPopupBorderRadius: BorderRadius.circular(12),
+          enableColumnBorderVertical: true,
+          enableColumnBorderHorizontal: true,
           enableCellBorderVertical: false,
           enableCellBorderHorizontal: true,
+          columnHeight: 56,
           columnTextStyle: AppTheme.of(context).bodyText3.override(
-                fontFamily: AppTheme.of(context).bodyText3Family,
+                fontFamily: 'Poppins',
                 color: AppTheme.of(context).primaryColor,
+                fontWeight: FontWeight.w600,
+                fontSize: 13,
+                letterSpacing: 0.5,
               ),
-          cellTextStyle: AppTheme.of(context).bodyText3,
-          iconColor: AppTheme.of(context).tertiaryColor,
-          rowColor: Colors.transparent,
-          borderColor: const Color(0xFFF1F4FA),
+          cellTextStyle: AppTheme.of(context).bodyText3.override(
+                fontFamily: 'Poppins',
+                color: AppTheme.of(context).primaryText,
+                fontSize: 13,
+              ),
+          iconColor: AppTheme.of(context).primaryColor,
+          rowColor: AppTheme.of(context).primaryBackground,
+          borderColor: AppTheme.of(context).hintText.withOpacity(0.5),
           rowHeight: rowHeight,
-          checkedColor: AppTheme.themeMode == ThemeMode.light
-              ? AppTheme.of(context).secondaryColor
-              : const Color(0XFF4B4B4B),
+          checkedColor: AppTheme.of(context).primaryColor.withOpacity(0.1),
           enableRowColorAnimation: true,
-          gridBackgroundColor: Colors.transparent,
+          gridBackgroundColor: AppTheme.of(context).primaryBackground,
           gridBorderColor: Colors.transparent,
-          activatedColor: AppTheme.of(context).primaryBackground,
-          activatedBorderColor: AppTheme.of(context).tertiaryColor,
+          activatedColor: AppTheme.of(context).primaryColor.withOpacity(0.05),
+          activatedBorderColor:
+              AppTheme.of(context).primaryColor.withOpacity(0.3),
+          columnFilterHeight: 48,
+          oddRowColor:
+              AppTheme.of(context).secondaryBackground.withOpacity(0.5),
+          evenRowColor: AppTheme.of(context).primaryBackground,
+          gridBorderRadius: BorderRadius.circular(16),
         )
       : PlutoGridStyleConfig.dark(
-          menuBackgroundColor: AppTheme.of(context).secondaryColor,
-          gridPopupBorderRadius: BorderRadius.circular(16),
-          enableColumnBorderVertical: false,
-          enableColumnBorderHorizontal: false,
+          menuBackgroundColor: AppTheme.of(context).tertiaryBackground,
+          gridPopupBorderRadius: BorderRadius.circular(12),
+          enableColumnBorderVertical: true,
+          enableColumnBorderHorizontal: true,
           enableCellBorderVertical: false,
           enableCellBorderHorizontal: true,
+          columnHeight: 56,
           columnTextStyle: AppTheme.of(context).bodyText3.override(
-                fontFamily: 'Quicksand',
-                color: AppTheme.of(context).alternate,
+                fontFamily: 'Poppins',
+                color: AppTheme.of(context).primaryColor,
+                fontWeight: FontWeight.w600,
+                fontSize: 13,
+                letterSpacing: 0.5,
               ),
-          cellTextStyle: AppTheme.of(context).bodyText3,
-          iconColor: AppTheme.of(context).tertiaryColor,
-          rowColor: Colors.transparent,
-          borderColor: const Color(0xFFF1F4FA),
+          cellTextStyle: AppTheme.of(context).bodyText3.override(
+                fontFamily: 'Poppins',
+                color: AppTheme.of(context).primaryText,
+                fontSize: 13,
+              ),
+          iconColor: AppTheme.of(context).primaryColor,
+          rowColor: AppTheme.of(context).secondaryBackground,
+          borderColor: AppTheme.of(context).hintText.withOpacity(0.3),
           rowHeight: rowHeight,
-          checkedColor: AppTheme.themeMode == ThemeMode.light
-              ? AppTheme.of(context).secondaryColor
-              : const Color(0XFF4B4B4B),
+          checkedColor: AppTheme.of(context).primaryColor.withOpacity(0.15),
           enableRowColorAnimation: true,
-          gridBackgroundColor: Colors.transparent,
+          gridBackgroundColor: AppTheme.of(context).secondaryBackground,
           gridBorderColor: Colors.transparent,
-          activatedColor: AppTheme.of(context).primaryBackground,
-          activatedBorderColor: AppTheme.of(context).tertiaryColor,
+          activatedColor: AppTheme.of(context).primaryColor.withOpacity(0.08),
+          activatedBorderColor:
+              AppTheme.of(context).primaryColor.withOpacity(0.4),
+          columnFilterHeight: 48,
+          oddRowColor: AppTheme.of(context).tertiaryBackground.withOpacity(0.5),
+          evenRowColor: AppTheme.of(context).secondaryBackground,
+          gridBorderRadius: BorderRadius.circular(16),
         );
 }