added dark mode compatibility

Author: ziddigsm

src/components/PermissionsManagement/RolePermissions.css

@@ -0,0 +1,25 @@
+.dark-mode {
+  background-color: #1a1a2e;
+  color: #ffffff;
+}
+
+.bg-space-cadet {
+  background-color: #16213e;
+}
+
+.bg-yinmn-blue {
+  background-color: #0f3460;
+}
+
+.text-light {
+  color: #ffffff !important;
+}
+
+.dark-mode .modal-content {
+  background-color: #1a1a2e;
+  border-color: #16213e;
+}
+
+.dark-mode .close {
+  color: #ffffff;
+}

src/components/PermissionsManagement/RolePermissions.jsx

@@ -16,6 +16,7 @@ import { updateRole, getAllRoles } from '../../actions/role';
 import PermissionList from './PermissionList';
 import permissionLabel from './PermissionsConst';
 import hasPermission from '../../utils/permissions';
+import './RolePermissions.css';
 // import { roleOperationLabels } from './PermissionsConst';
 
 function RolePermissions(props) {