Fix profile bugs: audit log cascade, modal colors, upload icon

auth_routes.py

@@ -672,9 +672,13 @@ def delete_account():
             except Exception as exc:
                 logger.warning("Failed to delete avatar during account deletion: %s", exc)
 
+        # Fix foreign key violation: Nullify user_id in audit_logs before deleting user
+        from models import AuditLog
+        AuditLog.query.filter_by(user_id=user_id).update({'user_id': None})
+
         db.session.delete(current_user)
         db.session.commit()
-        log_audit('account_deleted', user_id=user_id, status='success')
+        log_audit('account_deleted', user_id=None, status='success', details=f"User {user_id} deleted")
         logout_user()
         flash('Your account has been successfully deleted.', 'success')
         return redirect(url_for('home'))

static/css/auth.css

@@ -463,11 +463,17 @@
   justify-content: center;
   padding: 20px;
 }
-.modal-content {
+.profile-modal-content {
   width: 100%;
   max-width: 400px;
+  background-color: #111c33 !important;
+  color: #f8fafc !important;
+  border: 1px solid #1e293b !important;
   animation: modal-pop 0.3s cubic-bezier(0.16, 1, 0.3, 1);
 }
+.profile-modal-content h2, .profile-modal-content label {
+  color: #f8fafc;
+}
 @keyframes modal-pop {
   0% { transform: scale(0.95) translateY(10px); opacity: 0; }
   100% { transform: scale(1) translateY(0); opacity: 1; }

templates/auth/profile.html

@@ -16,7 +16,7 @@
         </div>
       {% endif %}
       <button class="avatar-upload-btn" onclick="document.getElementById('avatarUpload').click()" title="Change Avatar">
-        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>
+        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2.5"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>
       </button>
       <input type="file" id="avatarUpload" accept="image/*" style="display: none;">
     </div>
@@ -155,7 +155,7 @@
 
 <!-- Edit Profile Field Modal -->
 <div class="modal-overlay" id="editModal" style="display: none;">
-  <div class="modal-content auth-card">
+  <div class="profile-modal-content auth-card">
     <div class="auth-card-header" style="margin-bottom:20px;">
       <h2 id="editModalTitle">Edit Field</h2>
     </div>
@@ -198,7 +198,7 @@
 
 <!-- Delete Account Modal -->
 <div class="modal-overlay" id="deleteModal" style="display: none;">
-  <div class="modal-content auth-card">
+  <div class="profile-modal-content auth-card">
     <div class="auth-card-header" style="margin-bottom:20px;">
       <h2 style="color:#ef4444;">Delete Account</h2>
       <p style="color:#fca5a5; font-size:13px; margin-top:8px;">This action is permanent and cannot be undone.</p>