⭐FEAT: Footer icons dont support dark/light mode.

[ArslanYM]

TODO:

• Add different default color for footer icons.
• Dynamic for dark/light mode.
  

[AniketSaraswat112]

Hi Arsalan, I would like to work on this issue, pls assign this to me.

[ArslanYM]

@AniketSaraswat112 Sure thing, Assigned to you. Dont forger to star this repo.

[AniketSaraswat112]

HI ArslanYM, I was thinking to go with #23272A color on light theme and with "white" on dark theme, Attaching the screenshots of both, please review and confirm whether I should go with these colors.

Light Theme :

Dark Theme:

[ArslanYM]

HI ArslanYM, I was thinking to go with #23272A color on light theme and with "white" on dark theme, Attaching the screenshots of both, please review and confirm whether I should go with these colors.

Light Theme :

Dark Theme:

Looks pretty neat. Id love to see some other ideas as well. Some hover effects or some good color combos with the theme. Do your thing.

[AniketSaraswat112]

Hi @ArslanYM, made a few changes, and attaching the video, please review these.

Starter.Hive.-.Google.Chrome.2023-06-07.01-13-19.mp4

I have tried the same colors as the page theme.

[ArslanYM]

Looks great @AniketSaraswat112 . However, Can we keep the icon colors default for dark mode , and add better colors for light mode. Also the animation is not necessary at this point.

[AniketSaraswat112]

Hi @ArslanYM I have kept the default color for dark theme, for light mode I thought of using neon colors for the icons as attached below:

twitterIcon: #D875FF
githubIcon: #6b5c5c
discordIcon: #8D4BE0

I have used the below color scheme:

Also we can have the black theme for light mode.
Please review this.

[ArslanYM]

Looks sick, Would love to the video, Take a screen recording.

[AniketSaraswat112]

Looks sick, Would love to the video, Take a screen recording.

Yeah sure below are the two recordings of the colors that I propose, I also thought of some animation that will look good added them in the first recording while the second one is without animation as you suggested.
Please let me know which colors should I apply with light theme while I have kept the default colors for dark theme, and whether I should keep the animation or remove it:

Starter.Hive.-.Google.Chrome.2023-06-10.10-07-24.mp4

Starter.Hive.-.Google.Chrome.2023-06-10.10-09-14.mp4

[ArslanYM]

@AniketSaraswat112 why havent you raised a PR yet?

[AniketSaraswat112]

Hi, @ArslanYM you haven't confirmed the changes, I proposed two changes in my previous reply, please confirm which one should I go ahead with and then I'll create a PR.

[ArslanYM]

Go for the first one, but the color for light mode must be changed.