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