penyesuaian UI list room

src/app/content/hemat-app/master/add-edit-master/add-edit-master.component.html

@@ -1,14 +1,14 @@
-<div class="modal-header">
-  <h4 class="modal-title">Add New Row</h4>
+<div class="modal-header" style="background-color: #000000 !important">
+  <h4 class="modal-title" style="color: #ffffff">Add New Row</h4>
   <button type="button" class="close" aria-label="Close">
     <span aria-hidden="true">&times;</span>
   </button>
 </div>
-<div class="modal-body">
+<div class="modal-body" style="background-color: #000000 !important">
   <form [formGroup]="myForm">
     <div class="form-row">
       <div class="form-group col-md-6">
-        <label for="name">Name:</label>
+        <label for="name" style="color: #ffffff">Name:</label>
         <input
           type="text"
           class="form-control"
@@ -17,7 +17,7 @@
         />
       </div>
       <div class="form-group col-md-6">
-        <label for="status">Status:</label>
+        <label for="status" style="color: #ffffff">Status:</label>
         <select
           id="projectinput5"
           class="form-control"
@@ -31,15 +31,21 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer" style="background-color: #000000 !important">
   <button
     type="button"
     class="btn btn-secondary"
+    style="color: #c3f164 !important; background-color: #000000 !important; border-color: #c3f164 !important;"
     (click)="activeModal.dismiss('Cross click')"
   >
     Close
   </button>
-  <button type="button" class="btn btn-primary" (click)="addRow()">
+  <button
+    type="button"
+    style="color: #000000 !important; background-color: #c3f164 !important"
+    class="btn btn-primary"
+    (click)="addRow()"
+  >
     Save Changes
   </button>
 </div>