new features

src/shared/ui/TextField/TextField.module.scss

@@ -7,28 +7,25 @@
 .label {
 	font-size: 0.875rem;
 	font-weight: 500;
-	color: #374151;
-
-	@media (prefers-color-scheme: dark) {
-		color: #e5e7eb;
-	}
+	color: var(--text-primary);
 }
 
 .input {
 	width: 100%;
 	padding: 0.5rem 0.75rem;
-	background-color: white;
-	border: 1px solid #d1d5db;
+	background-color: var(--bg-default);
+	border: 1px solid var(--border-default);
 	border-radius: 0.5rem;
 	font-size: 0.875rem;
+	color: var(--text-primary);
 	transition: all 0.15s ease;
 
 	&::placeholder {
-		color: #9ca3af;
+		color: var(--text-tertiary);
 	}
 
 	&:hover:not(:disabled) {
-		border-color: #9ca3af;
+		border-color: var(--text-tertiary);
 	}
 
 	&:focus {
@@ -40,17 +37,7 @@
 	&:disabled {
 		opacity: 0.5;
 		cursor: not-allowed;
-		background-color: #f3f4f6;
-	}
-
-	@media (prefers-color-scheme: dark) {
-		background-color: #1f1f1f;
-		border-color: #4b5563;
-		color: #f3f4f6;
-
-		&:hover:not(:disabled) {
-			border-color: #6b7280;
-		}
+		background-color: var(--bg-surface);
 	}
 }