UniqueSoft/Phantom
2
0
Fork 0
Code Issues 17 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix color contrast and visual consistency #11

New Issue
Open
opened 2026-05-18 22:06:59 +00:00 by NW · 0 comments
NW commented 2026-05-18 22:06:59 +00:00
Owner
Copy Link

Problem

CSS files have conflicting styles, !important overrides, and color contrast issues that violate WCAG AA standards.

Affected Files

  • landing/src/style.css
  • landing/src/visual-fixes.css
  • landing/src/desktop-fix.css

Issues Found

Issue File Detail
!important conflicts visual-fixes.css Overrides style.css properties with !important hacks
Dual .text-muted values Multiple files #9999b8 in one place, #b0b0d0 in another
glass-card backdrop-filter style.css Inconsistent backgrounds across browsers (Chrome vs Safari)
Bootstrap grid !important desktop-fix.css Forces grid layout with !important on Bootstrap classes

Acceptance Criteria

  • visual-fixes.css merged into style.css — no separate overrides file
  • Zero !important declarations remaining in any landing CSS file
  • .text-muted has exactly one color value defined in CSS variables
  • All text meets WCAG AA contrast ratio of 4.5:1 against its background
  • CSS custom properties (variables) used for all repeated colors
  • glass-card has fallback background for browsers without backdrop-filter support
  • Lighthouse Accessibility score ≥ 90 for the landing page
  • No visual regressions after merge (compare screenshots before/after)

Labels

type::bug, priority::high, status::new, workflow::landing

## Problem CSS files have conflicting styles, `!important` overrides, and color contrast issues that violate WCAG AA standards. ## Affected Files - `landing/src/style.css` - `landing/src/visual-fixes.css` - `landing/src/desktop-fix.css` ## Issues Found | Issue | File | Detail | |-------|------|--------| | `!important` conflicts | `visual-fixes.css` | Overrides `style.css` properties with `!important` hacks | | Dual `.text-muted` values | Multiple files | `#9999b8` in one place, `#b0b0d0` in another | | `glass-card` backdrop-filter | `style.css` | Inconsistent backgrounds across browsers (Chrome vs Safari) | | Bootstrap grid `!important` | `desktop-fix.css` | Forces grid layout with `!important` on Bootstrap classes | ## Acceptance Criteria - [ ] `visual-fixes.css` merged into `style.css` — no separate overrides file - [ ] Zero `!important` declarations remaining in any landing CSS file - [ ] `.text-muted` has exactly one color value defined in CSS variables - [ ] All text meets WCAG AA contrast ratio of 4.5:1 against its background - [ ] CSS custom properties (variables) used for all repeated colors - [ ] `glass-card` has fallback background for browsers without `backdrop-filter` support - [ ] Lighthouse Accessibility score ≥ 90 for the landing page - [ ] No visual regressions after merge (compare screenshots before/after) ## Labels type::bug, priority::high, status::new, workflow::landing
NW added this to the Landing Refactoring 2025 milestone 2026-05-18 22:06:59 +00:00
NW added the status::newpriority::hightype::bugworkflow::landing labels 2026-05-18 22:06:59 +00:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
phase::designing
Design phase
 phase::implementing
Implementation phase
 phase::init
Initialization phase
 phase::researching
Research phase
 phase::testing
Testing phase
 priority::critical
Critical priority
 priority::high
High priority
 priority::medium
Medium priority
 status::done
Completed
 status::in_progress
Work in progress
 status::new
Issue is new
 status::planned
Planned for work
 status::review
Under review
 type::bug
Something is broken
 workflow::landing
Landing page refactoring workflow
No Label priority::high status::new type::bug workflow::landing
Milestone
No items
No Milestone Landing Refactoring 2025
Projects
Clear projects
No project
Assignees
Clear assignees
NW olilovedani
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: UniqueSoft/Phantom#11
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?