Replace the default tap highlight effect #127

New Issue

2026-07-20T20:54:33+02:00

jakob.gregory commented

2026-07-20 20:54:33 +02:00

Replace the default tap highlight effect

Problem

Interactive elements display the default blue tap highlight when pressed. This effect does not match Seekra's design language and appears visually inconsistent with the rest of the interface.

The issue can be seen in the attached screenshot.

Solution approaches

Disable the default tap highlight.
Implement a custom, minimalistic tap feedback effect that feels modern and naturally.
Ensure the custom effect still provides sufficient visual feedback to maintain accessibility.

Examples

See the attached images.

Goals

Provide consistent touch feedback across all interactive elements.
Improve the visual consistency of the interface.
Maintain accessibility by preserving visible touch feedback.

# Replace the default tap highlight effect ## Problem Interactive elements display the default blue tap highlight when pressed. This effect does not match Seekra's design language and appears visually inconsistent with the rest of the interface. The issue can be seen in the attached screenshot. ## Solution approaches - Disable the default tap highlight. - Implement a custom, minimalistic tap feedback effect that feels modern and naturally. - Ensure the custom effect still provides sufficient visual feedback to maintain accessibility. ## Examples See the attached images. ## Goals - Provide consistent touch feedback across all interactive elements. - Improve the visual consistency of the interface. - Maintain accessibility by preserving visible touch feedback.

example_tap-highlight-effect_google.mp4

3.0 MiB

current-tap-highlight-effect_seekra .png

135 KiB

jakob.gregory added this to the 0.1.0 milestone 2026-07-20 20:54:33 +02:00

jakob.gregory added the

Priority

Low

4

Area/Global Kind/Feature labels 2026-07-20 20:54:33 +02:00

jakob.gregory added this to the Project Board project 2026-07-20 20:54:53 +02:00

jakob.gregory commented

2026-07-20 20:57:19 +02:00

Note:
I know we shouldn't orient ourselves towards companies like Google, however, Google's tap highlight effect is the best example of how I envision it for Seekra.

Note: I know we shouldn't orient ourselves towards companies like Google, however, Google's tap highlight effect is the best example of how I envision it for Seekra.

jakob.scheid commented

2026-07-20 22:15:07 +02:00

Please consider that this problem affects all major browsers on mobile, not only Chromium in Android.

jakob.scheid commented

2026-07-20 22:26:04 +02:00

And I think that the Material Design ripple animation you attached a screen recording of is to intrusive.

jakob.gregory commented

2026-07-20 22:37:24 +02:00

Please consider that this problem affects all major browsers on mobile, not only Chromium in Android.

Yes, you could be right. I have corrected myself.

> Please consider that this problem affects all major browsers on mobile, not only Chromium in Android. Yes, you could be right. I have corrected myself.

jakob.gregory commented

2026-07-20 22:38:01 +02:00

And I think that the Material Design ripple animation you attached a screen recording of is to intrusive.

That's a matter of opinion. We should all agree on something.

> And I think that the Material Design ripple animation you attached a screen recording of is to intrusive. That's a matter of opinion. We should all agree on something.

jakob.scheid modified the milestone from 0.1.0 to 0.2.0

2026-07-24 12:51:26 +02:00

Sign in to join this conversation.

2 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: Seekra/frontend#127