diff --git a/apps/jingrow/frontend/src/core/features/schema_builder/components/SchemaCanvas.vue b/apps/jingrow/frontend/src/core/features/schema_builder/components/SchemaCanvas.vue
index bb92257..0c5c872 100644
--- a/apps/jingrow/frontend/src/core/features/schema_builder/components/SchemaCanvas.vue
+++ b/apps/jingrow/frontend/src/core/features/schema_builder/components/SchemaCanvas.vue
@@ -121,23 +121,34 @@ function saveSchema() {
 
 .save-btn {
 	padding: 6px 12px;
-	border: 1px solid #1e293b;
+	border: 1px solid #1fc76f;
 	border-radius: 4px;
-	background: #1e293b;
-	color: #fff;
+	background: #e6f8f0;
+	color: #0d684b;
 	cursor: pointer;
 	font-size: 13px;
 	font-weight: 500;
-	transition: all 0.2s ease;
+	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 	
 	&:hover {
-		background-color: #0f172a;
-		border-color: #0f172a;
+		background: #dcfce7;
+		border-color: #1fc76f;
+		color: #166534;
+		box-shadow: 0 2px 8px rgba(31, 199, 111, 0.15);
+	}
+	
+	&:focus {
+		background: #dcfce7;
+		border-color: #1fc76f;
+		color: #166534;
+		box-shadow: 0 0 0 2px rgba(31, 199, 111, 0.2);
 	}
 	
 	&:active {
-		background-color: #020617;
-		border-color: #020617;
+		background: #1fc76f;
+		border-color: #1fc76f;
+		color: white;
+		box-shadow: 0 1px 4px rgba(31, 199, 111, 0.2);
 	}
 }