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; } }