Browse Source

fix: global 暗黑模式样式问题调整

lanceJiang 1 year ago
parent
commit
270942a999

+ 5 - 3
src/components/Flow/FlowNodeAvatar.vue

@@ -64,7 +64,8 @@ onBeforeMount(() => {
 
 <style lang="scss" scoped>
 .avatar {
-	background: #f2f4f5;
+	//background: #f2f4f5;
+	background: var(--el-fill-color-light);
 	display: flex;
 	align-items: center;
 	width: fit-content;
@@ -80,8 +81,9 @@ onBeforeMount(() => {
 
 	.name {
 		user-select: none;
-		font-family: PingFangSC-Regular, PingFang SC;
-		color: #34383e;
+		//font-family: PingFangSC-Regular, PingFang SC;
+		//color: #34383e;
+		color: var(--el-text-color-regular);
 		margin: 0 4px;
 		overflow: hidden;
 		white-space: nowrap;

+ 3 - 3
src/views/flow/group/components/listGroup.vue

@@ -255,15 +255,15 @@ defineExpose({
 	.group_list {
 		border-radius: 4px;
 		margin-bottom: 16px;
-		box-shadow: 0px 0px 3px 1px rgb(238, 238, 238);
+		box-shadow: var(--el-box-shadow-lighter);
 		background-color: var(--el-bg-color);
-		font-family: PingFangSC-Regular;
+		//font-family: PingFangSC-Regular;
 		.group_header {
 			height: 54px;
 			padding: 0px 16px 0px 12px;
 			font-size: 16px;
 			line-height: 24px;
-			background-color: rgba(244, 245, 246, 0.5);
+			background-color: var(--el-fill-color-light);
 			&_title {
 				position: relative;
 				font-family: PingFangSC-Medium;

+ 1 - 1
src/views/flow/group/components/sortGroup.vue

@@ -115,7 +115,7 @@ defineExpose({
 		font-size: 16px;
 		line-height: 24px;
 		color: rgb(37, 40, 52);
-		background-color: rgba(244, 245, 246, 0.5);
+		background-color: var(--el-fill-color-light);
 		&_title {
 			position: relative;
 			//font-family: PingFangSC-Medium;