TODO: Tối ưu hóa màu sắc trong các component: cập nhật mã màu cho trạng thái và…

TODO: Tối ưu hóa màu sắc trong các component: cập nhật mã màu cho trạng thái và tài liệu trong ListWork và DetailListWorkMonitoring

src/assets/colors.js

@@ -26,10 +26,10 @@ const colors = {
   brown: 'rgba(254, 184, 91, 0.55)',
 
   green: 'rgba(0, 255, 21, 1)',
-  green1: 'rgb(9, 193, 25)',
+  green1: '#0F9D57',
   green2:'rgb(0, 128, 0)',
 
-  red: 'rgba(255, 47, 48, 1)',
+  red: '#E54E56',
 
 };
 

src/screens/list_work/index.js

@@ -403,19 +403,19 @@ const ListWork = props => {
   const getStatusColor = status => {
     switch (status) {
       case 'Đang thực hiện':
-        return '#FF9500';
+        return R.colors.orange;
       case 'Chờ duyệt':
-        return '#007AFF';
+        return R.colors.blue;
       case 'Cần chỉnh sửa':
-        return '#FF9500';
+        return R.colors.orange;
       case 'Đợi chỉnh sửa':
-        return '#FF9500';
+        return R.colors.orange;
       case 'Hoàn thành':
-        return '#34C759';
+        return R.colors.green1;
       case 'Đợi báo cáo':
-        return '#007AFF';
+        return R.colors.blue;
       default:
-        return '#8E8E93';
+        return R.colors.black;
     }
   };
 

src/screens/list_work/monitoring/view.js

@@ -42,8 +42,8 @@ const DetailListWorkMonitoringView = props => {
       case 'Chờ duyệt':
         return R.colors.blue;
       case 'Hoàn thành':
-        return R.colors.green;
-      case 'Đợi chỉnh sửa':
+        return R.colors.green1;
+      case 'Đợi chỉnh sửa': 
         return R.colors.orange;
       case 'Đang thực hiện':
         return R.colors.orange;
@@ -57,7 +57,7 @@ const DetailListWorkMonitoringView = props => {
   const getColorCard = statusDocument => {
     switch (statusDocument) {
       case 'Đã phê duyệt':
-        return R.colors.green;
+        return R.colors.green1;
       case 'Chỉnh sửa':
         return R.colors.orange;
       default: