git-re icon indicating copy to clipboard operation
git-re copied to clipboard

fix: Adjust color scheme of the resume for light screen

Open ashutosh-rath02 opened this issue 1 year ago • 10 comments

Issue faced

Currently few sections of the product is not visible in light mode. Look into each file and adjust the colors accordingly. We are currently using shadcn/ui for the UI and radix icons.

ashutosh-rath02 avatar Feb 04 '24 10:02 ashutosh-rath02

i am ready to work on UI .can you assign this work to me. I am a GSSOC contributor

VanshikaSabharwal avatar May 09 '24 17:05 VanshikaSabharwal

Sure @VanshikaSabharwal please let me know what you are planning to do and I can assign you the issue.

ashutosh-rath02 avatar May 09 '24 17:05 ashutosh-rath02

hey @ashutosh-rath02 please assign it to me under gssoc24. I want to work on it.

Anayverma avatar May 09 '24 18:05 Anayverma

Yes @ashutosh-rath02 , I plan to start by reviewing the current color schemes in the sections that are problematic in light mode. I'll identify the specific contrasts that are not meeting accessibility or visibility standards. My approach will involve adjusting the color values to ensure that all elements are clearly visible in both light and dark modes. I'll make sure to test these adjustments across different devices and screen settings to ensure consistent visibility. I am familiar with shadcn/ui and radix icons, so I'll leverage this experience to make effective and aesthetically pleasing adjustments. I will document my changes and provide updates for review.

VanshikaSabharwal avatar May 10 '24 08:05 VanshikaSabharwal

Okay @VanshikaSabharwal you can start working on it..will assign you

ashutosh-rath02 avatar May 10 '24 08:05 ashutosh-rath02

@VanshikaSabharwal Any update?

ashutosh-rath02 avatar May 11 '24 06:05 ashutosh-rath02

Hi @ashutosh-rath02, I can start working on this issue.

My approach: I am going to use Next.js inbuilt Next-theme library to add dark mode from scratch into the website. I will add a button in the bottom left corner to switch the themes from light to dark and vise versa. The main part will be adding seperate tailwind for each component separately for light and dark mode which for which I will need some reviews for the UI which I will ask you before creating a PR by sharing a video.

Please assign this issue to me under GSSoC'24.

mohdjami avatar May 13 '24 22:05 mohdjami

@mohdjami Currently we are using shadcn theme toggling which is causing an issue when we try to download resume as pdfs. It would be great if you write the themes from the scratch

ashutosh-rath02 avatar May 14 '24 03:05 ashutosh-rath02

Sure @ashutosh-rath02 , I will start working on it and if I need some help I'll ask you.

mohdjami avatar May 15 '24 08:05 mohdjami

Hey @ashutosh-rath02, I am having some trouble setting up the application. I am having some error, can you guide me? I read and followed the docs carefully. I am recieving this error that URL with credentials cant conduct a request.

mohdjami avatar May 17 '24 04:05 mohdjami

Hello @ashutosh-rath02! Your issue #1 has been closed. Thank you for your contribution!

ashutosh-rath02 avatar May 31 '24 17:05 ashutosh-rath02