# Audit de Style — diaspora.ro **Data:** 29 iunie 2026 **Scope:** Toate paginile din `/public/` — aliniere față de tema de referință **Metodă:** Inspecție directă HTML/CSS, fără modificări --- ## Tema de referință (standard) | Proprietate | Valoare standard dark | |---|---| | Background corp | `#06000f` (dark) / `#0d0520` (card) | | Text | `#f0eaff` | | Brand color | `#7c3aed` (violet) | | Accent | `#a855f7` | | Topbar | `brand/topbar.css` — sticky, glass, dark | | Header alternativ | `brand/dh-header.css` — dark glass `rgba(7,8,15,.90)` | | Font | `Inter`, system-ui | | CSS tokens | via `theme.css` `[data-theme="dark"]` sau `topbar.css` local vars | **Fișierele CSS de bază:** - `assets/css/theme.css` — sistem dual Light/Dark via `data-theme` (**singurul** care definește dark mode corect) - `assets/css/global.css` — utilitar, LIGHT by default, **nu are dark mode** - `daynight/daynight.css` — **PARADOX**: comentariul intern spune _"dark mode removed — exclusiv luminos"_, dar `[data-theme="dark"]` e definit cu valori LIGHT (a se vedea Problema Critică #1) - `brand/brand.css` — logo, paletă brand, `--brand: #7c3aed` - `brand/topbar.css` — topbar portabil dark, vars proprii locale - `brand/dh-header.css` — header dark alternativ --- ## Probleme critice descoperite ### ⛔ CRITIC #1 — daynight.css: dark mode = light (inversare completă) ```css /* dark mode removed — diaspora.ro este exclusiv luminos */ :root[data-theme="dark"] { --dn-bg: #f8fafc; /* ALB — NU negru */ --dn-bg-2: #ffffff; --dn-text: #0f172a; /* negru text pe fond alb */ ... } ``` **Efect real:** Orice pagină care include `daynight.css` și are `data-theme="dark"` în HTML va afișa **fond alb** cu **text negru** — exact opus față de intenție. Pagini afectate direct: - `invatam/index.html` → `data-theme="dark"` + `daynight.css` = apare LIGHT - `clasament/index.html` → `data-theme="dark"` + `daynight.css` = apare LIGHT --- ### ⛔ CRITIC #2 — `data-theme="dark"` fără efect pe 10+ pagini `global.css` **nu definește** `[data-theme="dark"]`. Paginile care importă `global.css` (fără `theme.css`) și au `data-theme="dark"` în `` sau `` vor rămâne **LIGHT** — atributul nu face nimic. Pagini afectate (data-theme="dark" + global.css, fără theme.css): - `campanii/index.html` - `comms/index.html` - `descarca/index.html` - `cine-suntem/index.html` - `directorul-romanilor/index.html` - `diaspora-plus/index.html` - `dm/index.html` - `melissa/index.html` --- ### ⚠️ MAJOR #3 — Conflict de token `--brand` între cele două sisteme CSS | Fișier | `--brand` definit ca | |---|---| | `global.css` | `#1a56db` (ALBASTRU) | | `theme.css` | `#7c3aed` (VIOLET) | | `brand.css` | `--d-brand-blue: #7c3aed` (VIOLET, alt prefix) | Paginile care importă ambele (`global.css` + `brand.css`) pot afișa butoane/linkuri **albastre** în loc de violet — depinde de ordinea de import și specificitate. --- ### ⚠️ MAJOR #4 — `mobile-pro/` (homepage mobil) este LIGHT by default ```html ``` Homepage-ul **desktop** (`index.html`) e dark. Homepage-ul **mobil** (`mobile-pro/`) e light. Utilizatorii care comută între desktop și mobil văd teme diferite. --- ### ⚠️ MAJOR #5 — 3 sisteme CSS coexistente, incompatibile | Sistem | Fișier | Dark mode | Folosit pe | |---|---|---|---| | **Sistem 1 (Nou)** | `theme.css` | Da (`[data-theme="dark"]`) | index, mobile-pro, cont, marketplace | | **Sistem 2 (Util)** | `global.css` | Nu (LIGHT fix) | 30+ pagini | | **Sistem 3 (Paradox)** | `daynight.css` | Fals (dark = light) | invatam, clasament, admin-pro | Nicio pagină nu este migrată complet — toate folosesc mix-uri din cele 3 sisteme. --- ### ⚠️ MAJOR #6 — 4 implementări diferite de topbar/header | Tip | Fișier | Pagini care îl folosesc | |---|---|---| | **Topbar portabil dark** | `brand/topbar.css` | index, start-pe-tara, cv-builder, cv-pro, melissa | | **DH Header dark glass** | `brand/dh-header.css` | 20+ pagini legacy | | **Topbar inline propriu** | CSS în `