From 0c653fa6fd3c5d06eea60863d7e4dabecc9cadc0 Mon Sep 17 00:00:00 2001
From: Professional <Professional@DENIIS-PC>
Date: Sat, 24 May 2025 01:10:29 +0700
Subject: [PATCH] =?UTF-8?q?=D0=B8=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=B5=20=D1=82=D0=B5=D0=BC=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ProfileView.vue | 53 ++++++++++++++++++++-------------------
 1 file changed, 27 insertions(+), 26 deletions(-)

diff --git a/src/views/ProfileView.vue b/src/views/ProfileView.vue
index 08de586..678c07c 100644
--- a/src/views/ProfileView.vue
+++ b/src/views/ProfileView.vue
@@ -469,7 +469,7 @@ const genderOptions = ref([
 ]);
 const genderSearchQuery = ref('');
 const showGenderList = ref(false);
-const filteredGenders = ref([]);
+const filteredGenders = ref([];
 
 // Computed properties
 const mainPhoto = computed(() => {
@@ -2258,6 +2258,7 @@ onUnmounted(() => {
   .profile-header-content {
     flex-direction: column;
  
+
   }
   
   .avatar-section {
@@ -2366,21 +2367,21 @@ onUnmounted(() => {
   }
 }
 
-/* Темная тема */
+/* Темная тема заменена на светлую */
 @media (prefers-color-scheme: dark) {
   .profile-header-card,
   .profile-tabs,
   .tabs-content,
   .info-card {
-    background: rgba(33, 37, 41, 0.9);
-    border-color: rgba(255, 255, 255, 0.05);
+    background: rgba(255, 255, 255, 0.9);
+    border-color: rgba(0, 0, 0, 0.05);
   }
   
   .user-name,
   .stat-value,
   .tab-btn.active,
   .card-header h3 {
-    color: #f8f9fa;
+    color: #333;
   }
   
   .user-email,
@@ -2388,75 +2389,75 @@ onUnmounted(() => {
   .tab-btn,
   .bio-text,
   .info-item span {
-    color: #adb5bd;
+    color: #6c757d;
   }
   
   .info-item label {
-    color: #adb5bd;
+    color: #6c757d;
   }
   
   .card-header,
   .stats-section {
-    background: rgba(52, 58, 64, 0.5);
+    background: rgba(248, 249, 250, 0.8);
   }
   
   .form-input, .form-textarea {
-    background: #343a40;
-    border-color: #495057;
-    color: #f8f9fa;
+    background: #ffffff;
+    border-color: #ced4da;
+    color: #333;
   }
   
   .form-input:focus, .form-textarea:focus {
     border-color: #667eea;
-    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.3);
+    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
   }
   
   .form-input:disabled, .form-textarea:disabled {
-    background: #212529;
+    background: #f8f9fa;
   }
   
   .upload-zone {
-    background: rgba(52, 58, 64, 0.3);
-    border-color: #495057;
+    background: rgba(248, 249, 250, 0.5);
+    border-color: #dee2e6;
   }
   
   .upload-title {
-    color: #f8f9fa;
+    color: #333;
   }
   
   .upload-description,
   .upload-hint small,
   .feature-item span {
-    color: #adb5bd;
+    color: #6c757d;
   }
   
   .delete-modal,
   .dropdown {
-    background: #343a40;
+    background: #ffffff;
   }
   
   .dropdown-option:hover {
-    background: rgba(102, 126, 234, 0.2);
+    background: rgba(102, 126, 234, 0.1);
   }
   
   .modal-header,
   .modal-actions {
-    background: #212529;
+    background: #f8f9fa;
   }
   
   .action-btn.secondary {
-    background: #495057;
-    border-color: #6c757d;
-    color: #f8f9fa;
+    background: #f8f9fa;
+    border-color: #ced4da;
+    color: #333;
   }
   
   .action-btn.secondary:hover {
-    background: #6c757d;
+    background: #e9ecef;
   }
   
   .main-badge {
-    background: rgba(52, 58, 64, 0.85);
-    color: #f8f9fa;
+    background: rgba(255, 255, 255, 0.85);
+    color: #333;
   }
 }