Align collection settings modal with Penpot design (#631)

[Roshan-Singh-07]

This PR aligns the Collection Settings Modal with the official Penpot design to improve visual consistency and UX.

Screen.Recording.2026-02-03.230207.mp4

Closes #631

[SoulKa]

There's still a lot off. @giemic8 or @kwerber you're more familiar with our designs, maybe you can check.

What I found just by looking:

• The tab trigger color is wrong now
• Wrong color in Dialog Header background
• Wrong text color in input fields

Also, please check if the issue is already assigned to someone. Our colleague @eugen-soliar is already working on this :D

[Roshan-Singh-07]

Thanks for the review! I’ve updated the implementation to address the points mentioned:

• Adjusted tab trigger colors to better match the Penpot design
• Fixed the dialog header background color
• Corrected inconsistent input text colors (including SecretInput styling)
• Refactored the Save button into a shared footer to remove duplicate code

I’ve tested the UI against the design and it should now be aligned. If anything still looks off, please let me know I’m happy to make further adjustments.

Screen.Recording.2026-02-05.235820.mp4

[eugen-soliar]

Plz reassign this issue for yourself.
Issue

[Roshan-Singh-07]

Plz reassign this issue for yourself. Issue

I don’t seem to have permission to assign the issue. Could someone assign it to me?

[eugen-soliar]

Plz reassign this issue for yourself. Issue

I don’t seem to have permission to assign the issue. Could someone assign it to me?

Ah, leave it be. I have just unassigned. I Assume it will do for now

[SoulKa]

Plz reassign this issue for yourself. Issue

I don’t seem to have permission to assign the issue. Could someone assign it to me?

We can only assign issues to you if you comment under the issue :)

Concerning the PR, there are still some colors off the design. Please read the issue requirements carefully and check the screenshot of the expected design with the actual colors in the implementation (see my last comment).

[Roshan-Singh-07]

I carefully reviewed the issue description and screenshots and made additional adjustments to layout, spacing, background hierarchy, table styling, checkbox and icon behavior, and overall color consistency so the modal now matches the intended design more closely.

Please let me know if there are still any differences or areas that need refinement. I’m happy to continue iterating until everything is fully aligned.