Skip to content

Усилить мерцание hero-фона и осветлить текст при наведении#153

Merged
ideav merged 3 commits intomainfrom
issue-152-74d581870d95
May 3, 2026
Merged

Усилить мерцание hero-фона и осветлить текст при наведении#153
ideav merged 3 commits intomainfrom
issue-152-74d581870d95

Conversation

@konard
Copy link
Copy Markdown
Collaborator

@konard konard commented May 3, 2026

Root cause

PR #151 kept the automatic hero background flicker very subtle: the keyframes only moved between opacity: 0.12 and 0.24, so the effect was hard to notice. The active teaser pill also still forced blue text, matching the low-contrast hover state shown in issue #152.

Fix

  • Increased the hero background flicker amplitude to a wider 0.08 -> 0.54 -> 0.16 -> 0.46 opacity cycle with stronger saturation and brightness peaks.
  • Changed the active automation teaser pill to a darker translucent blue surface with light text and a small text shadow.
  • Updated focused hero tests to fail on the previous low-amplitude flicker and blue hover text.
  • Added a Playwright hover screenshot for visual review.

Reproduction and verification

Before the fix, the focused hero tests failed because the flicker opacity never dipped below 0.12 or peaked above the new visibility threshold, and the hover state still used a pale-blue pill with blue text.

Verified with:

node --test tests/hero-shimmer.test.mjs tests/hero-background.test.mjs
npm test
npm run build

Playwright verification:

  • Hovered Автоматизация без программистов and confirmed computed text color is rgb(248, 250, 252) on rgba(37, 99, 235, 0.64).
  • Confirmed the inactive hero background still runs hero-background-flicker with a 9s animation.

Screenshot

Hero hover after

Fixes #152

Adding .gitkeep for PR creation (default mode).
This file will be removed when the task is complete.

Issue: #152
@konard konard self-assigned this May 3, 2026
@konard konard changed the title [WIP] https://github.com/ideav/backlogram/pull/151 Никакого мерцания не заметно, увеличь амплитуду мерцания Усилить мерцание hero-фона и осветлить текст при наведении May 3, 2026
@konard konard marked this pull request as ready for review May 3, 2026 18:41
@konard
Copy link
Copy Markdown
Collaborator Author

konard commented May 3, 2026

Working session summary

Implemented and pushed the fix to PR 153: #153

Changed the hero background flicker to use a much wider visible opacity cycle and updated the teaser hover state to use light text on a darker blue pill. Added focused regression tests plus a Playwright hover screenshot in docs/screenshots/issue152-hero-hover-after.png.

Verification completed:

  • node --test tests/hero-shimmer.test.mjs tests/hero-background.test.mjs
  • npm test
  • npm run build
  • Playwright hover check confirmed light computed text color and active background behavior

PR 153 is marked ready for review. GitHub reports no status checks configured for this branch, and the local worktree is clean.


This summary was automatically extracted from the AI working session output.

@konard
Copy link
Copy Markdown
Collaborator Author

konard commented May 3, 2026

🤖 Solution Draft Log

This log file contains the complete execution trace of the AI solution draft process.

💰 Cost estimation:

  • Model: GPT-5.5
  • Provider: OpenAI
  • Public pricing estimate: $6.311652

📊 Context and tokens usage:

  • 127.6K / 1.1M (12%) input tokens, 18.4K / 128K (14%) output tokens

Total: (127.6K + 4.2M cached) input tokens, 18.4K output tokens, $6.311652 cost

🤖 Models used:

  • Tool: OpenAI Codex
  • Requested: gpt-5.5
  • Model: GPT-5.5 (gpt-5.5)

📎 Log file uploaded as Repository (31729KB)


Now working session is ended, feel free to review and add any feedback on the solution draft.

@ideav ideav merged commit a449c83 into main May 3, 2026
@ideav ideav deleted the issue-152-74d581870d95 branch May 3, 2026 18:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

https://github.com/ideav/backlogram/pull/151 Никакого мерцания не заметно, увеличь амплитуду мерцания

2 participants