nothing

src/assets/style/public.css

@@ -7,7 +7,7 @@ main::-webkit-scrollbar {
 
 div::-webkit-scrollbar-track,
 main::-webkit-scrollbar-track {
-	background-color: #fff;
+	background-color: transparent;
 	-webkit-border-radius: 3em;
 	-moz-border-radius: 3em;
 	border-radius: 3em;

src/views/Project/ProjectOverview/TaskCard/index.module.css

@@ -72,7 +72,7 @@
 
 .taskProgress {
 	height: 32px;
-	margin: 12px 0;
+	margin: 12px 0 16px;
 }
 
 .progressInfo {
@@ -157,7 +157,7 @@
 	margin-right: 8px;
 }
 
-.outputTitle{
+.outputTitle {
 	display: inline-block;
 	height: 22px;
 	line-height: 22px;

src/views/Project/ProjectOverview/index.module.css

 .topFixed {
-    position: sticky;
-    top: 0;
-    z-index: 10;
-    background-color: #fff;
+	position: sticky;
+	top: 0;
+	z-index: 10;
+	background-color: #fff;
 }
 
 .basicInformation {
-    display: flex;
-    justify-content: space-between;
-    margin: 0 24px;
-    padding: 20px 0;
-    border-bottom: 1px solid #EDEFF2;
+	display: flex;
+	justify-content: space-between;
+	margin: 0 24px;
+	padding: 24px 0 20px;
+	border-bottom: 1px solid #edeff2;
 }
 
 .basicInformationRight {
-    display: flex;
-    align-items: center;
-    font-size: 12px;
+	display: flex;
+	align-items: center;
+	font-size: 12px;
 }
 
 .titleBox {
-    display: flex;
-    align-items: flex-end;
+	display: flex;
+	align-items: flex-end;
 }
 
 .projectName {
-    margin-left: 12px;
-    font-size: 18px;
-    line-height: 26px;
-    font-weight: 600;
+	margin-left: 12px;
+	font-size: 18px;
+	line-height: 26px;
+	font-weight: 600;
 }
 
 .otherInformation {
-    display: flex;
-    font-size: 12px;
-    margin-top: 16px;
+	display: flex;
+	font-size: 12px;
+	margin-top: 16px;
 }
 
 .informationcolor {
-    color: #8A9099;
+	color: #8a9099;
 }
 
 .otherInformationBox {
-    margin-right: 24px;
-    color: #565C66;
+	margin-right: 24px;
+	color: #565c66;
 }
 
 .otherInformationBoxRight {
-    line-height: 22px;
-    margin-bottom: 4px;
-    color: #565C66;
+	line-height: 22px;
+	margin-bottom: 4px;
+	color: #565c66;
 }
 
 .numberDisplay {
-    font-size: 20px;
-    font-weight: 600;
-    color: #1E2633;
-    margin-right: 8px;
+	font-size: 20px;
+	font-weight: 600;
+	color: #1e2633;
+	margin-right: 8px;
 }
 
 .verticalLine {
-    height: 32px;
-    border-right: 1px solid #EBEDF0;
-    margin-left: 28px;
-    margin-right: 28px;
+	height: 32px;
+	border-right: 1px solid #ebedf0;
+	margin-left: 28px;
+	margin-right: 28px;
 }
 
 .searchBox {
-    display: flex;
-    justify-content: space-between;
-    margin: 24px 24px 0 24px;
-    padding-bottom: 20px;
+	display: flex;
+	justify-content: space-between;
+	margin: 24px 24px 0 24px;
+	padding-bottom: 20px;
 }
 
 .searchLineLeft {
-    display: flex;
-    align-items: center;
+	display: flex;
+	align-items: center;
 }
 
 .taskOverview {
-    font-size: 16px;
-    font-weight: 500;
-    margin-right: 18px;
+	font-size: 16px;
+	font-weight: 500;
+	margin-right: 18px;
 }
 
 .projectDataSearch {
-    padding-left: 12px;
-    padding-right: 8px;
-    border-radius: 4px;
-    border: 1px solid #ebedf0;
+	padding-left: 12px;
+	padding-right: 8px;
+	border-radius: 4px;
+	border: 1px solid #ebedf0;
 }
 
 .taskDisplay {
-    position: relative;
-    margin: 0 24px 20px;
-    padding-bottom: 16px;
-    overflow: hidden;
-    background: #F7F8FA;
-    border-radius: 8px;
-    min-height: calc(100vh - 291px);
+	position: relative;
+	margin: 0 24px 20px;
+	padding-bottom: 16px;
+	overflow: hidden;
+	background: #f7f8fa;
+	border-radius: 8px;
+	min-height: calc(100vh - 291px);
 }
 
 .noDataBox {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
 }
 
 .noDataText {
-    margin-top: 8px;
-    font-size: 14px;
-    line-height: 22px;
-    color: #8a9099;
+	margin-top: 8px;
+	font-size: 14px;
+	line-height: 22px;
+	color: #8a9099;
 }
 
 .loadingBox {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: calc(100vh - 100px);
-}
\ No newline at end of file
+	width: 100%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: calc(100vh - 100px);
+}

src/views/Project/components/ProjectListPopper/index.tsx

@@ -85,7 +85,7 @@ const ProjectListPopper = observer((props: any) => {
 					>
 						<SearchIcon
 							className={style.searchIcon}
-							style={{ color: "rgba(153, 153, 153, 1)" }}
+							style={{ color: "#8A9099", fontSize: "22px" }}
 						/>
 					</IconButton>
 					<InputBase
@@ -96,7 +96,7 @@ const ProjectListPopper = observer((props: any) => {
 						onChange={nameChange}
 						sx={{
 							fontSize: "14px",
-							color: "rgba(194, 198, 204, 1)",
+							// color: "rgba(194, 198, 204, 1)",
 							height: "22px",
 						}}
 					/>