Change inactive colour to gray 300

frontend/src/components/molecules/CurrentDirectoryView/index.tsx

@@ -101,7 +101,7 @@ class CurrentDirectoryView extends React.Component<CurrentDirectoryViewProps, My
           showDownload={this.isAnySelected()}
           onSelectAllClick={() => this.handleSelectAllClick()}
 					selectAllIcon={this.isAllSelected() ? faCheckSquare : faSquare}
-					checkBoxColur={this.isAnySelected() ? "#495057" : "#acb5bd"}
+					checkBoxColur={this.isAnySelected() ? "#495057" : "#dee2e6"}
         />
 
         <Row style={{ marginTop: "10px" }}>

frontend/src/components/molecules/QuickAccessView/index.tsx

@@ -106,7 +106,7 @@ class QuickAccessView extends React.Component<QuickAccessProps, MyState> {
           showDownload={this.isAnySelected()}
           onSelectAllClick={() => this.handleSelectAllClick()}
 					selectAllIcon={this.isAllSelected() ? faCheckSquare : faSquare}
-					checkBoxColur={this.isAnySelected() ? "#495057" : "#acb5bd"}
+					checkBoxColur={this.isAnySelected() ? "#495057" : "#dee2e6"}
         />
 
         <Row

frontend/src/components/molecules/ResourcesFolderView/index.tsx

@@ -119,7 +119,7 @@ class ResourcesFolderView extends React.Component<PropsType, MyState> {
           showDownload={this.isAnySelected()}
           onSelectAllClick={() => this.handleSelectAllClick()}
 					selectAllIcon={this.isAllSelected() ? faCheckSquare : faSquare}
-					checkBoxColur={this.isAnySelected() ? "#495057" : "#acb5bd"}
+					checkBoxColur={this.isAnySelected() ? "#495057" : "#dee2e6"}
         />
 
         <Row style={{ marginTop: "10px" }}>

frontend/src/components/pages/StandardView/index.tsx

@@ -30,7 +30,7 @@ const StandardView: React.FC<StandardViewProps> = ({
   toggledRight,
   onOverlayClick,
 }: StandardViewProps) => { 
-	const [modulesFilter, setModulesFilter] = useState("");
+	const [modulesFilter, setModulesFilter] = useState("In Progress");
 
   return (
     <div