NetsPro/Reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

изменение темы

Browse Source
This commit is contained in:
Professional 2025-05-24 01:10:29 +07:00
parent 4ff1ddf799
commit 0c653fa6fd
1 changed files with 27 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/views/ProfileView.vue
View File

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