Implement our new design for cards

a22erigr commented

2026-05-15 08:52:37 +00:00

Collaborator

Description

Finished with a preliminary design mostly for mockup components. Still need some things but this should generally cover most possible design elements.

Link to view
https://www.figma.com/design/sCbmnTNA8SatReomeJtl03/CardDesigns?node-id=0-1&t=wnvLYpfgAPq1GQ9d-1

Originally posted by @a24hirsa in #860 (comment)

What should be done

The cards follow the general design
The cards work both in light and dark mode
The cards follow the selected color scheme.
- This works in both light and dark mode

## Description Finished with a preliminary design mostly for mockup components. Still need some things but this should generally cover most possible design elements. Link to view [https://www.figma.com/design/sCbmnTNA8SatReomeJtl03/CardDesigns?node-id=0-1&t=wnvLYpfgAPq1GQ9d-1](https://www.figma.com/design/sCbmnTNA8SatReomeJtl03/CardDesigns?node-id=0-1&t=wnvLYpfgAPq1GQ9d-1) ![bild](/attachments/9ad4d8d5-1615-43f4-b63b-65bcb1ece791) _Originally posted by @a24hirsa in https://git.webug.se/Andras/BoundlessFlowCampus2K/issues/860#issuecomment-10321_ ## What should be done + [ ] The cards follow the general design + [ ] The cards work both in light and dark mode + [ ] The cards follow the selected color scheme. + [ ] This works in both light and dark mode

bild.png

148 KiB

a22erigr added the

frontEnd

unassigned

labels

2026-05-15 08:52:49 +00:00

b24hugst was assigned by a24julot

2026-05-15 09:09:04 +00:00

a24julot removed the

unassigned

label

2026-05-15 09:09:07 +00:00

b24hugst commented

2026-05-15 10:17:33 +00:00

Collaborator

I'm new to figma. Is there any way of automating things or do I just manually go through each view and update them accordingly?

a22erigr commented

2026-05-15 10:20:21 +00:00

Author

Collaborator

Your task is to follow the given design and implement it on our website . The design shows how the cards in general are going to look. You don't need to work in figma

👍 1

c24danli commented

2026-05-15 11:16:47 +00:00

Collaborator

@b24hugst just to be clear of the scope this is not suppose to be changing in each view, just the card every view uses as a frame, this would involve the backgrounds following light and dark mode and the "X" / close button following the theme color along with the triangle top left.

@b24hugst just to be clear of the scope this is not suppose to be changing in each view, just the card every view uses as a frame, this would involve the backgrounds following light and dark mode and the "X" / close button following the theme color along with the triangle top left. ![image](/attachments/9edf829c-c4dd-4a13-aa53-49f72aa7b3fe)

image.png

7.4 KiB

b24hugst commented

2026-05-15 11:29:18 +00:00

Collaborator

@c24danli wrote in #961 (comment):

@b24hugst just to be clear of the scope this is not suppose to be changing in each view, just the card every view uses as a frame, this would involve the backgrounds following light and dark mode and the "X" / close button following the theme color along with the triangle top left.

Ah thank you for the clarification. Yeah I thought it would be too much for a single issue if I were to update everything 😂 Great cuz I just got the triangle to work I think and will continue on the rest.

@c24danli wrote in https://git.webug.se/Andras/BoundlessFlowCampus2K/issues/961#issuecomment-11114: > @b24hugst just to be clear of the scope this is not suppose to be changing in each view, just the card every view uses as a frame, this would involve the backgrounds following light and dark mode and the "X" / close button following the theme color along with the triangle top left. [![image](/attachments/9edf829c-c4dd-4a13-aa53-49f72aa7b3fe)](/Andras/BoundlessFlowCampus2K/attachments/9edf829c-c4dd-4a13-aa53-49f72aa7b3fe) Ah thank you for the clarification. Yeah I thought it would be too much for a single issue if I were to update everything 😂 Great cuz I just got the triangle to work I think and will continue on the rest.

c24danli commented

2026-05-15 12:32:51 +00:00

Collaborator

good to hear was a bit afraid when i wrote that you would have started with the views, but yes that would have been a verry big issue to do all.

b24hugst referenced this issue

2026-05-18 14:09:04 +00:00

New card design #999

a24julot referenced this issue

2026-05-20 11:46:54 +00:00

Better "?" and "X" for the cards #1032

c24danli commented

2026-05-20 11:51:24 +00:00