feat(docs-infra): add an angry Angie theme-toggle easter egg#69736
feat(docs-infra): add an angry Angie theme-toggle easter egg#69736erkamyaman wants to merge 1 commit into
Conversation
|
Because of github's max 10mb video limit, desktop video is not that nice, i had to find a work around to reduce the size without uploading the video anywhere else 😅 |
|
Deployed adev-preview for 18f8342 to: https://ng-dev-previews-fw--pr-angular-angular-69736-adev-prev-lx3p1kn6.web.app Note: As new commits are pushed to this pull request, this link is updated after the preview is rebuilt. |
0eecd0b to
794cf5e
Compare
|
@JeanMeche Q: The tap counting is in the service too, so the chunk loads on the first theme click, not on the 10th ( |
794cf5e to
f3c0157
Compare
f3c0157 to
18f8342
Compare
Flipping the navigation theme control 10 times in quick succession summons an angry Angie. She bursts into the middle of the screen, the page strobes dark/light while she is up, then she spins back out and the original theme is restored. The theme button is disabled for the duration, the strobe is skipped for users who prefer reduced motion, and all timers are cleared on destroy. Presentation only, scoped to the theme toggle.
18f8342 to
829276d
Compare
| this.document.body.appendChild(this.overlayRef.location.nativeElement); | ||
| } | ||
|
|
||
| private startStrobe(): void { |
There was a problem hiding this comment.
Couldn't this be done purely with css ?
There was a problem hiding this comment.
At the beginning, I started with the pure css version, strobing the page with backdrop-filter: invert(1) hue-rotate(180deg), and it works, but it looks noticeably worse: it's a raw color inversion of the page rather than the actual designed dark/light themes, so the result comes out flat and off-brand. Since the whole effect is the disco theme-flip, the strobe that toggles the real docs-dark-mode/docs-light-mode works better. But I'm now trying to find another way
There was a problem hiding this comment.
Trying to reproduce that version now, will send a video soon.
There was a problem hiding this comment.
Screen.Recording.2026-07-11.at.19.04.05.mov
so something like this, it's not as good as the current approach visually. What do you think?
A little easter egg with Angie: spam the theme toggle 10 times in a row and Angie
has had enough. She pops up big in the middle of the screen, strobes the
page dark/light for a few seconds, then leaves. That's it.
Screen.Recording.2026-07-10.at.21.00.07.mov
Screen.Recording.2026-07-10.at.20.40.53.mov