# Виявила, що світлій темі бракувало повносторінкового шару накладання від самого дня її написання, стверджуючи, що обидві теми малюють кожну шарувату поверхню однаковою кількістю шарів.

вересень 2026

**Ситуація.** Сайт постачає дві колірні теми. Темна є усталеною і на неї дивляться постійно; світла є перевизначенням, що з'являється лише за системною вподобою, а це означає, що її бачать значно рідше і ніхто з тих, хто її перевіряє. Паритет тем є класом дефектів, у якому поверхню будують один раз і переказують один раз, а переказ тихо губить шар.

**Завдання.** Паритетові потрібне було твердження, бо єдиною альтернативою є людина, яка пам'ятає перемкнути вподобу й подивитися.

**Дія.** Перевірка мала й структурна: для кожної шаруватої поверхні порахувати шари, які фарбує кожна тема, і завалити, коли числа різняться. Вона не порівнює вигляд — теми й мають виглядати по‑різному, — вона порівнює склад, а це та річ, що має бути однаковою. Вона знайшла дефект на першому ж прогоні. Повносторінкова обкладинка сайту має три шари в темній темі, візерунок граней над затінювачем над стіною, а світла тема переказала це двома. Накладення граней було відсутнім у світлій темі від дня її написання, і ніщо про це не сказало, бо сторінка без одного з трьох шарів тла має вигляд дизайнерського рішення, а не вади. Виправленням було одне правило; опис, зроблений згодом, зафіксував, чого накладення коштує в контрасті, тож додавання виміряно, а не вважається безкоштовним.

**Результат.** Шар, відсутній в одній темі, тепер валить коміт, а той, що був відсутнім від дня написання, пофарбовано. Це і є форма дефекту, на яку націлено весь підхід із перевірками: нічого не було зламано, нічого не давало помилки, сторінка подавалася правильно, і вона була хибною місяцями.

---

- Роль: Інженер дизайн‑систем
- Категорії: [Frontend‑розробка](https://software.engineer.company/uk/categories/frontend/), [Автоматизація та CI/CD](https://software.engineer.company/uk/categories/automation/), [Тестування та QA](https://software.engineer.company/uk/categories/testing/), [Дизайн‑системи та UI](https://software.engineer.company/uk/categories/design-systems/), [UX / UI‑дизайн](https://software.engineer.company/uk/categories/ux-ui/)
- Послуги: [Frontend‑розробка](https://software.engineer.company/uk/services/frontend-development/), [UI/UX‑дизайн та дизайн‑системи](https://software.engineer.company/uk/services/ui-ux-design/)

<https://software.engineer.company/uk/portfolio/found-the-light-theme-missing-an-overlay-layer-134/>
