add color for active monitoring button

src/app/styles/pages-styles.scss

@@ -388,7 +388,7 @@
 		transition: all 0.3s ease-in;
 
 		&.done {
-			border-color: #00a63e;
+			border-color: v.$green;
 		}
 
 		&-file-info {
@@ -423,8 +423,8 @@
 			min-width: 120px;
 
 			&.active {
-				background: #00a63e;
+				background: v.$green;
-				border: 2px solid #00a63e;
+				border: 2px solid v.$green;
 				color: v.$white;
 			}
 		}
@@ -4119,6 +4119,12 @@
 			border: 2px solid v.$p-color;
 			cursor: pointer;
 			background: #fff;
+
+			&.active {
+				background: v.$green;
+				border: 2px solid v.$green;
+				color: v.$white;
+			}
 		}
 	}
 }

src/app/styles/variable.scss

@@ -12,6 +12,7 @@ $bg-darkening: #0000007a;
 $shadow-1: #0000001a;
 $white: #fff;
 $red: #dc2626;
+$green: #00a63e;
 $p-color-disabled: #6365f18e;
 $s-color-disabled: #8a5cf663;
 

src/app/ui/modal-windows/file-monitoring-modal-window.tsx

@@ -30,7 +30,7 @@ export function FileMonitoringModalWindow({ file, setWindowClose, setWindowChild
 			>
 				<li>
 					<button
-						className="btn btn-primary"
+						className="btn btn-primary active"
 						onClick={() => {
 							closeHandler()
 						}}