Skip to content

Enhance new project dialog colors and add animation effects#2750

Merged
abose merged 4 commits intomainfrom
ai
Mar 20, 2026
Merged

Enhance new project dialog colors and add animation effects#2750
abose merged 4 commits intomainfrom
ai

Conversation

@abose
Copy link
Member

@abose abose commented Mar 19, 2026

No description provided.

abose added 4 commits March 20, 2026 00:20
Align all background colors in the new project dialog with the new
darker sidebar theme. Update gamepad SVG colors for visibility on
dark backgrounds.
Add --text-heading and --text-body CSS vars for consistent, tunable
text colors. Soften all heading text from #FFFFFF to #e0e0e0 to reduce
harsh contrast on dark backgrounds.
Add closeToElement parameter to showModalDialogUsingTemplate() that
animates dialogs opening from and closing toward a target element.
The new project dialog uses this to woosh to/from the #newProject
button, replacing the old notification popup with a natural visual cue.

- Remove _showNewProjectNotification() from guided-tour.js
- Remove unused NEW_PROJECT_NOTIFICATION string and new_project.png
- Add landing pulse animation on target element after close
@sonarqubecloud
Copy link

@abose abose merged commit 311a2f8 into main Mar 20, 2026
17 of 21 checks passed
@abose abose deleted the ai branch March 20, 2026 05:47
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.

1 participant